html知識

1.doctype做用

doctype標籤能夠告訴瀏覽器文檔使用哪一種HTML或者Xhtml規範。該標籤可生命三種DTD類型，是嚴格版本，過渡版本和基於框架的HTML文檔。

聲明須要位於文檔的最前面，處於標籤以前。告知瀏覽器的解析器，用什麼文檔類型規範來解析這個文檔。

嚴格模式的排版和Js運做模式是以該瀏覽器支持的最高標準進行。

在混雜模式中，頁面以寬鬆的向後兼容的方式顯示。模擬老式瀏覽器的行爲以防止站點沒法工做。

doctype不存在或格式不正確會致使文檔以混雜模式呈現。

注：混雜模式以老式瀏覽器事件，各個瀏覽器相互不兼容時，不適用doctype來聲明文檔類型。過分版本和基於框架的文檔是近似標準模式文檔，能儘量遵循標準的基礎上兼容部分非標準代碼。嚴格版本和html5的聲明都是標準模式，可以對統一標準實現最好的模式。

2.行內元素 塊級元素

行內元素和塊級元素的區分是根據其默認的display屬性。能夠在css中進行設置。

默認的行內元素：a b span img input select strong

塊級元素：p div ul li ol dl dt dd h1 h2 ...

3.link和@import的區別

link爲xhtml標籤，而@import是css提供的。

頁面被加載的時候，link會同時被加載，而@import引用的css會等到頁面加載完後再加載。

import在IE5以上才能識別，而link是xhtml標籤，無兼容問題。

link方式的樣式的權重高於@import的權重。

4.瀏覽器的內核分別是什麼

IE瀏覽器的內核Trident.Mozilla的Gecko.Chrome的Blink(Webkit的分支）.Opera內核原來爲Presto,現爲Blink。

5.html5的新特性，兼容問題，區分html和html5

主要增長的功能是關於圖像，位置，存儲，多任務等功能。

繪畫的canvas，用於媒體的video和audio，本地離線存儲的LocalStorage，長期存儲數據，瀏覽器關閉後數據不丟失;SessionStorage的數據在瀏覽器關閉後會自動刪除。語義化標籤，如article,header,footer,nav,section,sidebar。表單控件：calendar,date,time,email,url,search。新的技術有webworker,websocket,Geolocation。

6.語義化的理解

html語義化就是讓頁面的內容結構化，便於對瀏覽器，搜索引擎解析。在沒有樣式css狀況下以一種文檔格式顯示，而且是容易閱讀的。搜索引擎的爬蟲以來於標記來肯定上下文和各個關鍵字的權重，利於SEO。使閱讀源代碼的人對網站更容易將網站分塊，便於閱讀維護理解。

7.HTML5的離線儲存方式

LocalStorage  長期存儲數據，瀏覽器關閉後數據不會丟失。

SessionStorage  數據在瀏覽器關閉後會自動刪除。

容量都比cookie大，不用鏈接服務器。

8.iframe的缺點。

iframe會阻塞主頁面的Onload事件。

iframe和主頁面共享鏈接池，而瀏覽器對相同域的鏈接有限制，因此會影響頁面的並行加載。使用iframe以前須要考慮這兩個缺點。使用irame以前須要考慮這連個缺點。若是須要使用iframe，最好是經過js動態給iframe添加src屬性值。這樣能夠繞開以上兩個問題。

9.cookie，sessionStorage，localStorage的區別

cookie  在瀏覽器和服務器之間來回傳遞。空間小。

sessionStorage/localStorage  存儲空間更大，有更多豐富易用的接口。各自獨立的存儲空間。