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這部分面試題就這么多，肯定還有沒有總結到的，這些面試題一定要會，甚至比我總結的多了更好。喜歡文章的小伙伴記得關注公眾號：書軟

tm是超文本標記語言簡稱，英文全名是“Hyper Text Markup Language”,是構成網站網頁文檔主要語言，它是一種標記語言而不是編程語言，是由一套標記標簽來描述網頁內容，這些內容主要由瀏覽器解釋(展示給網站訪客)，同一個html文件如果不加處理對于不同的瀏覽器顯示不同的效果導致出現瀏覽器兼容問題，處理瀏覽器兼容問題其實就是要處理同一html文件在不同瀏覽器顯示不同效果的問題。

html從1993年誕生25年以來從當初1.0發展現在5.0(html5)，而html5經過近幾年的發展現在已經十分火熱了，現在網頁布局方法基本上都是“div+css”，傳統的table布局現在用的已經很少只有一些特殊功能頁面才會用到table布局比如說調查問卷。下面就為大家介紹“學好html語言需要掌握什么?前端工程師需要明白什么?”

1、打好基礎

這里說的基礎主要是指熟練使用DIV+ CSS的基礎內容，熟悉使用常用的標簽div、p、span、ul、li等，熟練掌握css常用設置效果比如說圖文混排、圖文環繞、背景設置、段落文字等，有興趣可以研究css高級使用方法(濾鏡、特殊定位等)，只有熟練掌握好了這些內容對于以后做工作才能得心應手。

2、持續學習(向大牛學習)。

基礎內容一般7到10天就可以掌握，一百個個人寫同一個頁面有一百種不同的方法，有的人可以用最少的代碼寫出很復雜的效果而且兼容問題很少，這就要求我們自己要不斷去琢磨方法和學習提高自己能力，最簡單的辦法學習大牛們的代碼是怎么寫的，最簡單你可以拿四大門戶頁面代碼好好研究研究，如果能靜下心來去研究相信你會收獲不少。

3、與同事(特別是后端)溝通。

web開發想要達到最終的結果，前端和后端必須需要相互溝通，打個比方前端頁面是貨架，而后端就是放在貨架上的商品，和同事溝通不僅僅可以使工作減少不必要的麻煩(特別是返工)也可以讓在溝通中學習更多的東西，所以多跟同事溝通對我們絕對是由很多益處的。

4、清楚將來發展。

web前端可以分為初級、中級、高級，初級絕對要熟練掌握div+css，中級要熟練掌握js，重點是掌握Jquery、angularJS。高級要掌握掌握面向對象編程思想、初級網站安全知識、配合后臺開發人員實現產品界面和功能等，也有一部分轉成專職程序員了，所以對于自己未來發展自己要規劃清楚，杜絕稀里糊涂，要一天比一天好。