一、有序列表、無序列表、自定義列表如何使用？寫個(gè)簡單的例子。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）？ 如何嵌套？

• 有序列表：是使用編號（數(shù)字或字母）來記錄項(xiàng)目順序，適用于有前后順序，需要排列和有次序的內(nèi)容列表。
• 無序列表：是使用符號（圓點(diǎn)）來記錄無需項(xiàng)目，適用于并列、地位相同的內(nèi)容列表，也就是說沒有先后關(guān)系。而在大部分網(wǎng)頁中都是使用無序列表。
• 自定義列表：適用于含有標(biāo)題，需要解釋的項(xiàng)目內(nèi)容。

列表的使用

二、如何去除列表前面的點(diǎn)或者數(shù)字？

• list-style:none;

三、class 和 id 有什么區(qū)別？什么時(shí)候用 class 什么時(shí)候用 id？

• 區(qū)別：一個(gè)元素可以有多個(gè)class，而一個(gè)元素只能有一個(gè)id；id的優(yōu)先級高于class；class在結(jié)構(gòu)內(nèi)部使用，通常用于樣式定義，id在結(jié)構(gòu)外使用，通常用于頁面布局；
• 利用class選擇器設(shè)置樣式可以重復(fù)利用，所以通常在樣式的定義的時(shí)候會(huì)去使用class；id一般在使用js的時(shí)候應(yīng)用，或是元素只會(huì)出現(xiàn)一次；

四、塊級元素、行內(nèi)元素是什么？有什么區(qū)別？分別對應(yīng)哪些常用標(biāo)簽？

• 塊級元素：默認(rèn)占一行高度，表現(xiàn)為開始另起一行，一行內(nèi)添加一個(gè)塊級元素后無法一般無法添加其他元素（float浮動(dòng)后除外），在文檔流中從上自下排列。
  行內(nèi)元素：占內(nèi)容自身的高度，不會(huì)獨(dú)占一行，和相鄰的內(nèi)聯(lián)元素在同一行，在文檔流中從左至右排列。
• 區(qū)別：
  塊級元素總是獨(dú)占一行，表現(xiàn)為另起一行開始，而且其后的元素也必須另起一行顯示; 寬度(width)、高度(height)、內(nèi)邊距(padding)和外邊距(margin)都可控制;
  行內(nèi)元素和相鄰的內(nèi)聯(lián)元素在同一行; 寬度(width)、高度(height)、內(nèi)邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變，就是里面文字或圖片的大小;
• 常用標(biāo)簽：
  塊級元素主要有：
  address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
  內(nèi)聯(lián)元素主要有：
  a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,

五、display: block、display: inline、display: inline-block分別有什么作用?

display: block——顯示為塊級元素，并繼承了塊級元素的特性
display: inline——顯示為行內(nèi)元素，并繼承了內(nèi)聯(lián)元素的特性
display: inline-block——顯示為內(nèi)聯(lián)塊元素，表現(xiàn)為同行顯示并可修改寬高內(nèi)外邊距等屬性。

六、

頁面基本布局

七、如何理解 HTML CSS 語義化? 在平時(shí)寫代碼的過程中要注意哪些細(xì)節(jié)

• HTML語義化：語義化的含義就是用正確的標(biāo)簽做正確的事情，html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化，便于對瀏覽器、搜索引擎解析；在沒有樣式CCS情況下也以一種文檔格式顯示，并且是容易閱讀的。搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO。使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。
• 注意細(xì)節(jié)：
  （1）盡可能少的使用無語義的標(biāo)簽div和span；
  （2）在語義不明顯時(shí)，既可以使用div或者p時(shí)，盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距，對兼容特殊終端有利；
  （3）不要使用純樣式標(biāo)簽，如：b、font、u等，改用css設(shè)置。
  （4）需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中（瀏覽器預(yù)設(shè)樣式，能用CSS指定就不用他們），strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）；
  （5）使用表格時(shí)，標(biāo)題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開，表頭用th，單元格用td；
  （6）表單域要用fieldset標(biāo)簽包起來，并用legend標(biāo)簽說明表單的用途；
  （7）每個(gè)input標(biāo)簽對應(yīng)的說明文本都需要使用label標(biāo)簽，并且通過為input設(shè)置id屬性，在lable標(biāo)簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來。

八、form表單有什么作用？有哪些常用的input 標(biāo)簽，分別有什么作用？

form表單的作用：用于把用戶輸入的數(shù)據(jù)提交到后臺(tái)。
name：表單提交時(shí)的名稱
active：提交到的地址，比如一個(gè)PHP頁面
method：提交的方式，有g(shù)et和post兩種

• 常用的input：
  <input type="text">文本輸入框
  <input type="button">自定義按鈕
  <input type="submit">提交按鈕
  <input type="radio">單選框
  <input type="checkbox">復(fù)選框
  <input type="password">密碼輸入框
  <select><option></option><option></option></select>列表選項(xiàng)
  <textarea></textarea>文本域，輸入多行文本

九、post 和 get 方式的區(qū)別？

• get提交的url數(shù)據(jù)可見，post不可見；get一般用來提交少量數(shù)據(jù)來獲取大量數(shù)據(jù)，多用于查詢，post用于提交大量數(shù)據(jù)，例如寫文章，寫評論；get最多用于提交1k的數(shù)據(jù)，由于所有數(shù)據(jù)都會(huì)拼接成url所以瀏覽器會(huì)有限制，post沒有限制；get安全性不好，所以不能用來提交用戶名密碼；

十、在input里，name 有什么作用？

• 當(dāng)submit打包表單數(shù)據(jù)提交給后臺(tái)時(shí)，后臺(tái)是根據(jù)input的name來獲取數(shù)據(jù)的，所以input必須要有name；當(dāng)我們點(diǎn)擊提交按鈕的時(shí)候，我們及將數(shù)據(jù)上傳到對應(yīng)的文件里，后臺(tái)假設(shè)使用php，那么php對應(yīng)的文件根據(jù)對應(yīng)的input標(biāo)簽里面的name可以獲取到對應(yīng)的value。http://m.itdecent.cn/p/ccb02aea218a

十一、<button>提交</button>、<a class=“btn” href="#">提交</a>、<input type=“submit” value=“提交”> 三者有什么區(qū)別？

• <button>提交</button> 只是一個(gè)自定義按鈕，無交互
• <a class=“btn” href="#">提交</a> 仿按鈕
• <input type=“submit” value=“提交”>提交按鈕，用于后臺(tái)數(shù)據(jù)交互

十二、radio 如何 分組?

• 將name值設(shè)為相同值

十三、placeholder 屬性有什么作用?

• 給input添加一個(gè)灰色的提示值

十四、type=hidden隱藏域有什么作用? 舉例說明

• type="hidden": 隱藏域，用戶看不到，用于暫存數(shù)據(jù)。或者安全性校驗(yàn)
  隱藏域可以暫存一些信息，提高安全性，隱藏域在頁面中用戶是不可見的， 在表單中插入隱藏域是為了收集信息，用戶點(diǎn)擊提交按鈕的時(shí)候，隱藏域的信息就隨著表單一起發(fā)送到了后臺(tái)，就可以確定用戶身份了

  
  
  后臺(tái)驗(yàn)證身份