Q：瀏覽器頁面有哪三層構成，分別是什麼，作用是什麼？ A：由三部分構成： 網頁結構層（Structural Layer）——由（X）HTML等標記語言負責創建，實現頁面結構。 網頁表示層（Presentation Layer）——由CSS完成頁面的風格。 網頁行為層（Behavior Layer）— ...
Q：瀏覽器頁面有哪三層構成，分別是什麼，作用是什麼？
A：由三部分構成：
- 網頁結構層（Structural Layer）——由（X）HTML等標記語言負責創建，實現頁面結構。
- 網頁表示層（Presentation Layer）——由CSS完成頁面的風格。
- 網頁行為層（Behavior Layer）——有javascript實現一些客戶端的功能與業務。
Q：HTML5的優點與缺點：
A：
- 優點：
- HTML5由W3C推薦推薦，網路標準統一；
- 多設備，跨平臺；
- 自適應網頁設計；
- 即使更新；
- 提高可用性和改進用戶友好體驗；
- 新的標簽有助於開發人員定義重要內容；
- 給站點帶來例如音頻和視頻等更多多媒體元素；
- 可以很好代替flash和Sliverlight；
- 涉及網站的抓取和索引的時候，對於搜索引擎優化（SEO）很友好；
- 被大量應用於移動應用程式和游戲。
- 缺點：
- 安全性：webstorage、web socket這樣的功能用以被黑客攻擊；
- 完善性：各大瀏覽器支持程度不一；
- 技術門檻：HTML5有很多新的屬性和API需要開發者去學習；
- 性能：某些平臺的引擎問題導致HTML5性能低下；
- 瀏覽器相容性：不支持IE9以下瀏覽器。
Q：doctype的作用，嚴格模式與混雜模式如何區別？各有什麼意義？
A：doctype聲明指出閱讀程式應該用什麼規則集來解釋文檔中的標記，即告訴瀏覽器以何種標準解析頁面。在web文檔的情況下，“閱讀程式”的通常是瀏覽器或者校驗器，“規則”是W3C所發佈的一個文檔類型定義（DTD）中包含的規則。
- doctype聲明位於文檔的最前面，處於標簽之前。此標簽可告知瀏覽器使用哪種HTML或者XHTML規範。該標簽可聲明三種DTD類型：嚴格版本、過渡版本和基於框架的HTML文檔。
嚴格模式 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" 過渡模式 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 框架模式 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
- 嚴格模式是瀏覽器根據web標準去解析頁面，是一種要求嚴格的DTD，不允許使用任何表現層語法。嚴格模式的排版和JS運作模式是以該瀏覽器支持的最高標準運行。混雜模式則是一種向後相容的解析方法。
- 標準模式是指瀏覽器按照W3C標準解析執行代碼；
① 如果XHTML文檔包含完整的DOCTYPE，那麼它一般以標準模式呈現； ② 包含嚴格dtd的doctype和包含過渡dtd和URI的doctype常常導致頁面以標準模式呈現
怪異模式則是使用瀏覽器自己的方式解析執行代碼，因為不同瀏覽器解析執行的方式不一樣，所以我們稱之為怪異模式。① 不存在doctype或形式不正確會導致怪異模式； ② 有過渡/框架dtd沒有URI會導致頁面以怪異模式呈現； ③ IE中，如果doctype聲明在xml之後，會導致怪異模式。
- 標準模式和怪異模式的區別
） 盒模型： IE下標準模式為標準w3c盒模型【content+padding+border+margin】，怪異模式為IE盒模型【content+margin：padding與border包含在content寬高中】 2） 行內元素的垂直對齊：基於 Gecko 的瀏覽器【Mozilla Firefox、HotBrowser、Mozilla Suite、Camino】標準模式對齊至基線，怪異模式對齊至底部 3） 怪異模式中，IE6/7/8都不認識!important聲明 4） 設置行內元素的高寬： 在Standards模式下，給等行內元素設置wdith和height都不會生效，而在quirks模式下，則會生效。 5） 使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。
- 總之，瀏覽器解析時到底使用標準模式還是怪異模式，與網頁中的DTD聲明直接相關，DTD聲明定義了標準文檔的類型，會使瀏覽器使用響應的方式載入網頁並顯示，忽略DTD聲明將使網頁進入怪異模式。
