1. Doctype作用？標準模式與兼容模式各有什麼區別?
（1）、聲明位於位於HTML文檔中的第一行，處於 標籤之前。告知瀏覽器的解析器用什麼文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。
（2）、標準模式的排版和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬鬆的向後兼容的方式顯示,模擬老式瀏覽器的行爲以防止站點無法工作。
詳細內容：請看Doctype作用？DTD是啥？標準模式與兼容模式各有什麼區別?
2. HTML5爲什麼只需要寫？
HTML5 不基於 SGML，因此不需要對DTD進行引用，但是需要doctype來規範瀏覽器的行爲（讓瀏覽器按照它們應該的方式來運行）；而HTML4.01基於SGML,所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。
3. 行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
首先：CSS規範規定，每個元素都有display屬性，確定該元素的類型，每個元素都有默認的display值，如div的display默認值爲“block”，則爲“塊級”元素；span默認display屬性值爲“inline”，是“行內”元素。
（1）行內元素有：a b i u font span img input select strong（強調的語氣）
（2）塊級元素有：div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p pre form
（3）常見的空元素：br hr img input link meta
4.頁面導入樣式時，使用link和@import有什麼區別？
（1）link屬於XHTML標籤，除了加載CSS外，還能用於定義RSS,定義rel連接屬性等作用；
而@import是CSS提供的，只能用於加載CSS;
（2）頁面被加載的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載;
（3）import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標籤，無兼容問題;
5.介紹一下你對瀏覽器內核的理解？
主要分成兩部分：渲染引擎(layoutengineer或RenderingEngine)和JS引擎。
渲染引擎：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然後會輸出至顯示器或打印機。瀏覽器的內核的不同對於網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。
JS引擎則：解析和執行javascript來實現網頁的動態效果。
最開始渲染引擎和JS引擎並沒有區分的很明確，後來JS引擎越來越獨立，內核就傾向於只指渲染引擎。
6.常見的瀏覽器內核有哪些？
Trident內核：IE,MaxThon,TT,The World,360,搜狗瀏覽器等。[又稱MSHTML]
Gecko內核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
Presto內核：Opera7及以上。 [Opera內核原爲：Presto，現爲：Blink;]
Webkit內核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]
7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分HTML 和HTML5？
下面是 HTML5 引入的主要特性：
① 新的語義化元素： 比如 article、footer、header、nav、section;
② 表單 2.0： 改進了 HTML Web 表單，爲 標籤引入了一些新的屬性。
③ 持久的本地存儲： 爲了不通過第三方插件實現。
④ WebSocket： 用於 Web 應用程序的下一代雙向通信技術。
⑤ 服務器推送事件： HTML5 引入了從 Web 服務器到 Web 瀏覽器的事件，也被稱作服務器推送事（SSE）。
⑥ Canvas： 支持用 JavaScript 以編程的方式進行二維繪圖。
⑦ 音頻和視頻： 在網頁中嵌入音頻或視頻而無需藉助第三方插件。
⑧ 地理定位： 用戶可以選擇與我們的網頁共享他們的地理位置。
⑨ 微數據： 允許我們創建 HTML5 之外的自定義詞彙表，以及使用自定義語義擴展網頁。
⑩ 拖放： 把同一網頁上的條目從一個位置拖放到另一個位置。移除的元素：
純表現的元素：basefont，big，center，font, s，strike，tt，u;
對可用性產生負面影響的元素：frame，frameset，noframes；支持HTML5新標籤：
IE8/IE7/IE6支持通過document.createElement方法產生的標籤，
可以利用這一特性讓這些瀏覽器支持HTML5新標籤，
瀏覽器支持新標籤後，還需要添加標籤默認的樣式。當然也可以直接使用成熟的框架、比如html5shiv;
<!--[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
< ![endif]-->- 如何區分HTML5： DOCTYPE聲明\新增的結構元素\功能元素
8.簡述一下你對HTML語義化的理解？
用正確的標籤做正確的事情。
html語義化讓頁面的內容結構化，結構更清晰，便於對瀏覽器、搜索引擎解析;
即使在沒有樣式CSS情況下也以一種文檔格式顯示，並且是容易閱讀的;
搜索引擎的爬蟲也依賴於HTML標記來確定上下文和各個關鍵字的權重，利於SEO;
使閱讀源代碼的人對網站更容易將網站分塊，便於閱讀維護理解。
9.label的作用是什麼？是怎麼用的？
label標籤來定義表單控制間的關係,當用戶選擇該標籤時，瀏覽器會自動將焦點轉到和標籤相關的表單控件上。
<label for="Name">Number:</label>
<input type="text" name="Name" id="Name"/>
<label>Date:<input type="text" name="B"/></label>10.iframe有那些缺點？
使用iframe之前需要考慮這兩個缺點。
（1）、iframe會阻塞主頁面的Onload事件；
（2）、iframe和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面的並行加載。
（3）、搜索引擎的檢索程序無法解讀這種頁面，不利於SEO;