問答
1. 有序列表、無序列表、自定義列表如何使用？寫個簡單的例子。三者在語義上有什么區別？在哪些情況下使用哪種（重要）？ 如何嵌套？
- 有序列表
ol—ordered list，邏輯上有先后順序的內容使用有序列表呈現。代碼如下：
<!-- 如何把大象放冰箱里-->
<ol>
<li>開冰箱門</li>
<li>把大象放進去</li>
<li>用力關冰箱</li>
</ol>
- 無序列表
ul—unordered，邏輯上無先后順序的內容用無序列表列舉。代碼如下：
<ul>
<li>蘋果</li>
<li>雪梨</li>
<li>香蕉</li>
</ul>
- 自定義列表
dl—defined list(described list)，dt(defined item)定義一個東西，dd(described data)用于描述、解釋、說明這個東西。代碼如下：
<dl>
<dt>精通</dt>
<dd>html</dd>
<dd>css</dd>
<dd>JavaScript</dd>
</dl>
- 嵌套
如果某一個li標簽里的內容存在并列的幾層內容或者這個步驟又分幾個小步驟，則需要用到嵌套，在這個li標簽里嵌入ul或者ol標簽。舉例如下：
嵌套舉例
2. 如何去除列表前面的點或者數字？
如下：
ul,ol,dl{
list-style-type: none;
}
3. class 和 id 有什么區別？什么時候用 class 什么時候用 id？
| 標簽屬性 | 區別 | 適用范圍 |
|---|---|---|
| class | 類名可重復使用，權重為10 | 先定義好樣式，然后供結構/內容調用 |
| id | id名具有唯一性，權重為100 | 先定位結構/內容，再定義樣式 |
4. 塊級元素、行內元素是什么？有什么區別？分別對應哪些常用標簽？
| 元素分類 | 區別 | 常用標簽 |
|---|---|---|
| 塊級元素 | 另起且獨占一行，寬度默認為父元素的100%，可以容納塊級元素、行內元素、文本 | div、p、ul、ol、dt、li、等等 |
| 行內元素 | 和其它元素同行，不可以設置寬、高和上下外邊距，可以設置padding但無法撐開父元素，只能容納文本和內聯元素 | span、a、strong、em、b、i、font等等 |
5. display: block、display: inline、display: inline-block分別有什么作用?
| 屬性/值對 | 作用 |
|---|---|
| display: block | 變成塊級元素 |
| display: inline | 變成行內元素 |
| display: inline-block | 變成行內塊級元素 |
6. 下面代碼是做什么的？抄寫一遍下面的代碼，注意class和id的使用及命名方式
實現單列布局，布局分上中下且都是通欄，但其中類名wrap的盒子都是定寬900px、水平居中，里面的文字當然是默認左對齊。
代碼
7. 如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節
對HTML、CSS語義化的理解：
- HTML、CSS里的標簽、屬性、屬性值大都是有邏輯的，這有助于機器、開發者、用戶識別信息。比如h1（head）標簽就是最大的標題，p（paragraph）標簽是放一段文本、一個段落，position: absolute為絕對定位等等。
- 按照與內容的相關性使用標簽和命名，有助于機器、開發者、用戶識別信息。
- Web網頁的語義化是網頁內容信息分門別類，便于搜索引擎優化，開發者之間代碼交流，即使HTML去樣式也能很好理解網頁的結構，這在某些網速慢的時候方便了用戶。
所以在寫代碼的時候盡量讓代碼語義化，使用語義化的標簽，使用語義化的類名、Id名，養成良好的代碼排版習慣（雖然有代碼格式化一鍵排版）等等。
8. form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？
<form> 標簽用于為用戶輸入創建 HTML** 表單。表單能夠包含 input 元素，比如文本字段、復選框、單選框、提交按鈕等等。表單還可以包含textarea、fieldset、legend 和 label 元素。表單用于向服務器傳輸數據**。
input標簽不同的type值劃分了不同作用的input標簽，如下：
type值功能描述表
9. post 和 get 方式的區別？
區別如下表：
post與get區別表
10. 在input里，name 有什么作用？
name 屬性規定 input 元素的名稱。
name 屬性用于對提交到服務器后的表單數據進行標識，或者在客戶端通過 JavaScript 引用表單數據。
只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
11. <button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么區別？
| 項目 | 區別 |
|---|---|
| <button>提交</button> | 只是一個“提交”按鈕 |
| <a class="btn" href="#">提交</a> | 名為“提交”的超鏈接 |
| <input type="submit" value="提交"> | 點擊“提交”真正提交數據至form標簽action屬性定義的去處 |
12. radio 如何 分組?
令name的值相同即為一組
13. placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息。
該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。
placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。
14. type=hidden隱藏域有什么作用? 舉例說明
隱藏域在頁面中對于用戶是不可見的，在表單中插入隱藏域的目的在于收集或發送信息，以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候，隱藏域的信息也被一起發送到服務器。舉例如下：
隱藏域舉例.png
代碼
task-7
task-7 preview
本文章著作權歸饑人谷_九霄和饑人谷所有，轉載須說明來源
