TML我們也學了那么久了，是時候看一些面試題了，畢竟學習完找工作要面試，你工作能力再強，面試這一關還是要過得。所以面試題占了很重要的成分。下面我來總結一部分，盡量全面一些，既要接近我們所學，又要滿足真實面試場景。

1、請說出XHTML和HTML的區別

答： 1、文檔頂部doctype聲明不同，xhtml的doctype頂部聲明中明確規定了xhtml DTD的寫法；

2、html元素必須正確嵌套，不能亂；

3、屬性必須是小寫的；

4、屬性值必須加引號；

5、標簽必須有結束，單標簽也應該用 “/” 來結束掉；

2、請寫出至少5個HTML塊元素標簽

答： div p ul li table h1 h2 h3 ... h6 form 等

3、請寫出至少5個HTML行內元素標簽

答：span a i label img input button textarea select 等

4、請寫出table標簽下面會包含哪些標簽元素

答： tr th td thead tbody tfoot 等

5、很多網站不常用table iframe這兩個元素，知道原因嗎？

答：因為瀏覽器頁面渲染的時候是從上至下的，而table 和 iframe 這兩種元素會改變這樣渲染規則，他們是要等待自己元素內的內容加載完才整體渲染。用戶體驗會很不友好。

6、jpg和png格式的圖片有什么區別？

答： jpg是有損壓縮格式，png是無損壓縮格式。所以，相同的圖片，jpg體積會小。比如我們一些官網的banner圖，一般都很大，所以適合用jpg類型的圖片。但png分8位的和24位的，8位的體積會小很多，但在某些瀏覽器下8位的png圖片會有鋸齒。

7、請用html知識解決seo優化問題

答： 網站上線應該設置TDK

TDK就是 ：

然后就是html語義化標簽，要簡潔，合理，這樣可以在css和js加載不全的時候，使我們的html文檔盡量清晰的展示出來，而不會特別亂；

8、常用瀏覽器有哪些，內核都是什么？

答： 常用瀏覽器有 IE 火狐(firefox) chrome safari 360 搜狗 等

內核：IE的是 Trident

火狐的是 Gecko

chrome和safari 用的是 Webkit

360和搜狗這些分極速模式和兼容模式，極速模式用的Webkit的內核，兼容模式用的Trident內核。

9、請至少寫出5個H5的新標簽

答： header nav footer canvas datalist article mark

10、a標簽在新窗口打開鏈接怎么加屬性？

答： <a target="_blank">鏈接</a>

11、寫了2個<a>標簽，兩個標簽之間有空格的情況遇到過嗎？

答：遇到過，一般換行寫的時候會出現這種情況。代碼：

<a>我們</a>

<a>你們</a>

這樣“我們”和“你們”之間就會有明顯的空格，如圖：

怎么樣，是不是空格挺明顯的。

解決辦法就是不換行寫，把兩個a標簽寫在一行里。

12、form標簽上定義請求類型的是哪個屬性？定義請求地址的是哪個屬性？

答：form表單定義請求類型的是 method 屬性 ， 定義請求地址的是 action屬性

好啦，基本上html這部分面試題就這么多，肯定還有沒有總結到的，這些面試題一定要會，甚至比我總結的多了更好。喜歡文章的小伙伴記得關注公眾號：書軟