HTML很簡單？不！

1.Doctype的作用是什麼？

Doctype宣告一般位於文件的第一行，它的作用主要是告訴瀏覽器以什麼樣的模式來解析文件。一般指定了之後會以標準模式來進行文件解析，否則就以相容模式進行解析。在標準模式下，瀏覽器的解析規則都是按照最新的標準進行解析的。而在相容模式下，瀏覽器會以向後相容的方式來模擬老實瀏覽器的行為，以保證一些老的網站的正確訪問。

2.行內元素與塊級元素

塊級元素	行內元素
獨佔一行，預設情況下，其寬度自動填滿其父元素寬度	相鄰的行內元素會排列在同一行裡，直到一行排不下，才會換行，其寬度隨元素的內容而變化
可以設定width，height屬性	行內元素設定width，height屬性無效
可以設定margin和padding屬性	行內元素起邊距作用的只有margin-left、margin-rigth、padding-left、padding-right，其他屬性不會起邊距效果
對應於display：block	對應於display：inline

3.替換元素與非替換元素

替換元素
瀏覽器根據元素的標籤和屬性來決定元素的具體顯示的內容，例如：img標籤，只寫一個標籤，不新增屬性，頁面上是顯示不出來你要的圖片的，但是我們在標籤裡新增src，這時在頁面上就顯示出你要的圖片。同樣為替換元素的還有input等

非替換元素：只要將內容直接告訴瀏覽器，將其顯示出來，如p元素

4.meta標籤

可以定義頁面編碼語言，搜尋引擎優化、自動重新整理並指向新的頁面，控制頁面緩衝，響應式視窗
常見的meta標籤
1.chartset，用於描述HTML文件的編碼形式
2.http-equiv，顧名思議，相當於http的檔案頭作用，可以設定http的快取過期日期等。

5.的title和Alt的區別？

title:通常當滑鼠滑動到元素上的時候顯示
Alt：是img的特有屬性，是圖片內容的等價描述，用於圖片無法載入時顯示，讀屏器閱讀圖片。可提高圖片可訪問性，除了純裝飾圖片外都必須設定有意義的值，搜尋引擎會重點分析。

6.script標籤的defer和async作用以及區別？

1.指令碼沒有defer或async，瀏覽器會立即載入並執行指定的指令碼，也就是說不等後續載入的文件元素，讀到就載入並執行。
2.defer屬性表示延遲執行引入的JavaScript，指令碼會被延遲到整個頁面都解析完畢之後再執行
3.async：只適用於外部檔案，不讓頁面等待指令碼下載和執行，從而非同步載入頁面的其他內容，也就是說它的執行仍然會阻塞文件的解析，只是它的載入過程不會阻塞，多個指令碼的執行順序無法保證。

7.空標籤定義

標籤內沒有內容的HTML標籤被稱為空元素，空元素是在開始標籤中關閉的。
常見的空元素有：br、hr、img、input、link、meta

8.link和@import的區別？

從屬關係區別：@import是css提供的語法規則，只有匯入樣式表的作用；link是HTML提供的標籤，不僅可以載入css檔案，還可以定義rel連線屬性、引入網站目標等。

載入順序執行區別：載入頁面時，link標籤引入的css被同時載入；@import引入的css將在頁面載入完畢後被載入。

相容性區別：@import是css2.1才有的語法，故只可在IE5+才能識別，link標籤作為HTML元素，不存在相容性問題。

DOM可控性區別：可以通過js操作dom，插入link標籤來改變樣式；由於dom方法是基於文件的，無法使用@import的方式插入樣式。

9.HTML5有哪些新特性？移除了哪些元素？

新增:
繪畫canvas、媒體回放的video、audio元素
本地離線儲存localStorage長期儲存資料，瀏覽器關閉後資料不丟失；sessionStorage的資料在瀏覽器關閉後自動刪除
語義化更好的內容元素：article、footer、header、nav、section
表單控制元件：calendar、data、time、email、URL、search
新的技術：webwork、websocket
新的文件屬性：document、visibilityState

移除：
純表現的元素：basefont、big、center、font
對可用性產生負面影響的元素：frame、frameset

10.iframe有哪些缺點？

iframe會建立包含另外一個文件的內聯框架

1.iframe會阻塞主頁面的onload事件。window的onload事件需要在所有iframe載入完畢後（包含裡面的元素）才會觸發。在Safari和Chrome裡，通過js動態設定iframe的src可以避免這種阻塞情況
2.搜尋引擎的檢索程式無法解讀這種頁面，不利於網頁的SEO
3.iframe和主頁面共享連線池，而瀏覽器對相同的域的連線有限制，所以會影響頁面的並行載入。
4.瀏覽器的後退按鈕失效
5.小型的移動裝置無法完全顯示框架

11.attribute和property的區別是什麼？

attribute是dom元素在文件中作為HTML標籤擁有的屬性，property是dom元素在js中作為物件擁有的屬性。對於HTML的標準屬性來說，attribute和property是同步的，是自動更新的，但是對於自定義的屬性來說，他們是不同步的。

12.文件的不同註釋方式？

HTML的註釋方法：<!--註釋內容-->
css的註釋方法 /*註釋內容*/
js的註釋方法/*多行註釋方式*/ //單行註釋方式