1 . 有序列表、無(wú)序列表、自定義列表如何使用？寫個(gè)簡(jiǎn)單的例子。三者在語(yǔ)義上有什么區(qū)別？在哪些情況下使用哪種（重要）？ 如何嵌套？
有序列表：通常用來(lái)表示內(nèi)容之間的順序或者是重要性關(guān)系，每一個(gè)列表都分為多個(gè)子項(xiàng)，每一個(gè)子項(xiàng)都有相應(yīng)的編號(hào)。
無(wú)序列表：僅僅用于表示內(nèi)容之間存在有并列關(guān)系，也是分為多個(gè)子項(xiàng)，但是子項(xiàng)之前沒(méi)有相應(yīng)的編號(hào)，只有一個(gè)圓黑點(diǎn)用于標(biāo)識(shí)。
自定義列表：通常用于表示名詞或者是概念的定義，每一個(gè)子項(xiàng)有兩個(gè)部分組成，第一部分是名詞或者是概念，第二部分是相應(yīng)的解釋和描述。
①有序列表、無(wú)序列表、自定義列表的使用
②三者區(qū)別：
無(wú)序列表只是純粹的表示一些相關(guān)項(xiàng)的列表，這些項(xiàng)或者順序不重要或者沒(méi)有編號(hào)或者不以字母順序?yàn)樾颉Ｔ贖TML中創(chuàng)建無(wú)序列表使用塊級(jí)元素ul，列表中的項(xiàng)用塊級(jí)元素li表示。
有序列表元素ol，以及其中的列表項(xiàng)和無(wú)序列表相似。主要的不同在于有序列表中每項(xiàng)的順序很重要。與無(wú)序列表顯示一個(gè)實(shí)心的小圓點(diǎn)不同，默認(rèn)有序列表顯示數(shù)字的序號(hào)。使用CSS可以將其更改為字母、羅馬數(shù)字或者其他。
定義列表有別于無(wú)序列表和有序列表。定義列表通常用來(lái)概述多個(gè)及其描述，通常是專業(yè)集。在HTML中使用dl元素來(lái)表示定義列表，定義列表中不使用li定義列表項(xiàng)，而需要使用兩個(gè)元素：定義術(shù)語(yǔ)用dt元素，定義屬于的描述用dd元素。
③使用場(chǎng)景
如果項(xiàng)目之間有順序之分可以使用有序列表；
如果是無(wú)序的項(xiàng)目則可以使用無(wú)序列表；
如果需要概述多個(gè)項(xiàng)目及其描述可以使用自定義列表。
④列表嵌套：
嵌套：ol>li ; ul>li ; dl>dt+dd
2 . 如何去除列表前面的點(diǎn)或者數(shù)字？
使用list-style: none或者在CSS中將元素ol/ul的padding與margin設(shè)為0
3 . class 和 id 的區(qū)別？什么時(shí)候用 class 什么時(shí)候用 id？
class：在程序中稱“類”,CSS中.是類選擇器的標(biāo)識(shí)，且同一個(gè)html網(wǎng)頁(yè)頁(yè)面可以無(wú)數(shù)次的調(diào)用相同的class類。當(dāng)需要給多個(gè)選擇器統(tǒng)一樣式時(shí)，可以使用class。
id：表示著標(biāo)簽的身份，CSS中#是id選擇器的標(biāo)識(shí),但是同樣ID在頁(yè)面里只能出現(xiàn)一次，有唯一性。一般用于特殊的樣式或者用于js進(jìn)行DOM操作。
4 . 塊級(jí)元素、行內(nèi)元素是什么？有什么區(qū)別？分別對(duì)應(yīng)哪些常用標(biāo)簽？
塊級(jí)元素：一般作為容器出現(xiàn)，用來(lái)組織結(jié)構(gòu)。它們總是以一個(gè)塊的形式表現(xiàn)出來(lái)，并且跟同級(jí)的兄弟塊依次豎直排列，左右撐滿。例如：a,i,span,em,img
行內(nèi)元素：也叫內(nèi)聯(lián)元素、內(nèi)嵌元素等；行內(nèi)元素一般都是基于語(yǔ)義級(jí)的基本元素，只能容納文本或其他內(nèi)聯(lián)元素。例如：div,ul,ol,h1-h6,p
區(qū)別：
| | 獨(dú)占一行 | 能設(shè)置寬高 | margin,padding值 |
| ------ | :------: | ------ : |------ : |
| 塊級(jí)元素 | 是 | 是 | 四個(gè)方向都可以設(shè)置 |
| 行內(nèi)元素|否|否|上下方向不可設(shè)置|
5 . display: block、display: inline、display: inline-block分別有什么作用?
display: block將元素轉(zhuǎn)化為塊級(jí)元素，可以設(shè)置寬高，可包含塊元素和內(nèi)聯(lián)元素，不設(shè)寬度時(shí)自動(dòng)撐滿一行
display: inline將元素轉(zhuǎn)化為行內(nèi)元素，可以不獨(dú)占一行，可包含塊元素和內(nèi)聯(lián)元素
display: inline-block 將元素轉(zhuǎn)化為行內(nèi)塊級(jí)元素，可以不獨(dú)占一行，同時(shí)可以設(shè)置寬高，不設(shè)寬度時(shí)寬度由內(nèi)容寬決定，ie6,7下不支持inline-block
6 . 下面代碼是做什么的？抄寫一遍下面的代碼，注意class和id的使用及命名方式
` <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.wrap{
width: 900px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="header">
<div class="wrap">
<a id="logo" href="#"><img src=""></a>
<ul class="nav">
<li><a href="#">導(dǎo)航1</a></li>
<li><a href="#">導(dǎo)航2</a></li>
<li><a href="#">導(dǎo)航3</a></li>
</ul>
</div>
</div>
<div id="content">
<div class="wrap">
<div class="aside">側(cè)邊欄</div>
<div class="main">中心區(qū)塊</div>
</div>
</div>
<div id="footer">
<div class="wrap">這里是 footer</div>
</div>
</body>
</html>`
- 有三個(gè)div元素設(shè)置了
class="wrap"，這樣可以方便給多個(gè)選擇器統(tǒng)一樣式；還有三個(gè)劃分結(jié)構(gòu)的div元素設(shè)置了id屬性，體現(xiàn)了id屬性的唯一性。
7 . 如何理解 HTML CSS 語(yǔ)義化? 在平時(shí)寫代碼的過(guò)程中要注意哪些細(xì)節(jié)
- 語(yǔ)義化 :就是用正確的標(biāo)簽做正確的事情，html語(yǔ)義化就是讓頁(yè)面的內(nèi)容結(jié)構(gòu)化，便于對(duì)瀏覽器、搜索引擎解析；在沒(méi)有樣式CCS情況下也以一種文檔格式顯示，并且是容易閱讀的。搜索引擎的爬蟲依賴于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO。使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。
- 平時(shí)寫代碼時(shí)應(yīng)該注意的細(xì)節(jié)：
①根據(jù)文檔上下文結(jié)構(gòu)合理的選用最適合表達(dá)當(dāng)前語(yǔ)義的標(biāo)簽；
②盡可能少的使用無(wú)語(yǔ)義的標(biāo)簽div和span；
③不要使用純樣式標(biāo)簽，如：b、font、u等，一切表現(xiàn)改用css設(shè)置；
④h標(biāo)簽的使用應(yīng)該根據(jù)重要性逐級(jí)遞減，沒(méi)有斷層。并且一個(gè)頁(yè)面只能有一個(gè)h1；
⑤提高關(guān)鍵詞密度，如圖片替換alt，鏈接說(shuō)明title；
⑥正確使用內(nèi)容容器，如段落p，列表ul, ol, li, dl, dt, dd
⑦需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中（瀏覽器預(yù)設(shè)樣式，能用CSS指定就不用他們），strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）；
⑧使用表格時(shí)，標(biāo)題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開，表頭用th，單元格用td；
表單域要用fieldset標(biāo)簽包起來(lái)，并用legend標(biāo)簽說(shuō)明表單的用途；
⑨每個(gè)input標(biāo)簽對(duì)應(yīng)的說(shuō)明文本都需要使用label標(biāo)簽，并且通過(guò)為input設(shè)置id屬性，在lable標(biāo)簽中設(shè)置for=someld來(lái)讓說(shuō)明文本和相對(duì)應(yīng)的input關(guān)聯(lián)起來(lái)。
8 . form表單有什么作用？有哪些常用的input 標(biāo)簽，分別有什么作用
form表單:
- 表單用于搜集不同類型的用戶輸入（搜集用戶信息）
- 用戶提交表單時(shí)向服務(wù)器傳輸數(shù)據(jù)，從而實(shí)現(xiàn)用戶與 Web 服務(wù)器的交互
input標(biāo)簽：
- 單行文本框<inputtype="text">默認(rèn)值是 type="text"
- 密碼框<inputtype="password"/>
- 單選按鈕<inputtype="radio"/>
- 復(fù)選框<inputtype="checkbox"/>
-隱藏域<inputtype="hidden"/> - 文件上傳<inputtype="file"/>
常用的input類型有：button:定義可點(diǎn)擊按鈕。checkbox:定義復(fù)選框。file:定義輸入字段和“瀏覽”按鈕，供文件上傳。hidden:定義隱藏的輸入字段。image:定義圖像形式的提交按鈕。password:定義密碼字段。該字段中的字符被掩碼。radio:定義單選按鈕。reset:定義重置按鈕。重置按鈕會(huì)清除表單中的所有數(shù)據(jù)。submit:定義提交按鈕。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器。text:定義單行的輸入字段，用戶可在其中輸入文本。默認(rèn)寬度為20個(gè)字符。
9 . post 和 get 方式的區(qū)別
| | GET | POST|
|------| :------ : |------: |
|后退按鈕/刷新 |無(wú)害|數(shù)據(jù)會(huì)被重新提交（瀏覽器應(yīng)該告知用戶數(shù)據(jù)會(huì)被重新提交）。|
|書簽|可收藏為書簽 |不可收藏為書簽|
|緩存|能被緩存|不能緩存|
|編碼類型 |application/x-www-form-urlencoded |application/x-www-form-urlencoded 或 multipart/form-data。為二進(jìn)制數(shù)據(jù)使用多重編碼。|
|歷史 |參數(shù)保留在瀏覽器歷史中。 |參數(shù)不會(huì)保存在瀏覽器歷史中。|
|對(duì)數(shù)據(jù)長(zhǎng)度的限制 |是的。當(dāng)發(fā)送數(shù)據(jù)時(shí)，GET 方法向 URL 添加數(shù)據(jù)；URL 的長(zhǎng)度是受限制的（URL 的最大長(zhǎng)度是 2048 個(gè)字符）。| 無(wú)限制。
|對(duì)數(shù)據(jù)類型的限制| 只允許 ASCII 字符。| 沒(méi)有限制。也允許二進(jìn)制數(shù)據(jù)。|
|安全性 |與 POST 相比，GET 的安全性較差，因?yàn)樗l(fā)送的數(shù)據(jù)是 URL 的一部分。在發(fā)送密碼或其他敏感信息時(shí)絕不要使用 GET ！| POST 比 GET 更安全，因?yàn)閰?shù)不會(huì)被保存在瀏覽器歷史或 web 服務(wù)器日志中。|
|可見性| 數(shù)據(jù)在 URL 中對(duì)所有人都是可見的。| 數(shù)據(jù)不會(huì)顯示在 URL 中。|
10 . 在input里，name 的作用
name 屬性規(guī)定 input 元素的名稱。name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)，或者在客戶端通過(guò) JavaScript 引用表單數(shù)據(jù)。
11 . <button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么區(qū)別
-
<button>提交</button>：只是單純的能被點(diǎn)擊的按鈕，點(diǎn)擊它什么也不會(huì)發(fā)生。 -
<a class="btn" href="#">提交</a>：實(shí)際上還是鏈接，點(diǎn)擊后跳回頁(yè)面頂部。 -
<input type="submit" value="提交">：語(yǔ)義化的提交按鈕，點(diǎn)擊后會(huì)提交所有input中的輸入信息。
12 . radio 如何 分組?
設(shè)置name的值，name值相同的即為一組。
13 . placeholder 屬性的作用
用以描述輸入字段預(yù)期值的提示（樣本值或有關(guān)格式的簡(jiǎn)短描述），該提示會(huì)在用戶輸入值之前顯示在輸入字段中。placeholder 屬性適用于以下輸入類型：text、search、url、tel、email 以及 password。
14 . type=hidden隱藏域有什么作用? 舉例說(shuō)明
隱藏域: 用戶看不到，用于暫存數(shù)據(jù)，或者安全性校驗(yàn)
例: 比如<input tyoe="hidden" name="password" value="123wxf"/>,用戶在向服務(wù)器提交數(shù)據(jù)時(shí)，會(huì)將value="123wxf"傳給服務(wù)器，然后服務(wù)器會(huì)將這個(gè)值進(jìn)行比較，如果一致，才會(huì)響應(yīng)要求
