HTML

每個HTML檔案裡開頭都有個很重要的東西，Doctype，知道這是幹什麼的嗎？

告訴瀏覽器按照何種規範解析頁面

自從IE5.5引入文件模式的概念，其他瀏覽器也開始效仿，但是到了現在編碼大多數都是使用的標準模式。

div+css的佈局較table佈局有什麼優點？

• 樣式修改只動CSS檔案就可以實現
• 頁面載入速度更快、結構化清晰
• 易於優化（seo）搜尋引擎更友好

你能描述一下漸進增強和優雅降級之間的不同嗎?

• 漸進增強 progressive enhancement：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。
• 優雅降級 graceful degradation：一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。

區別：優雅降級是從複雜的現狀開始，並試圖減少使用者體驗的供給，而漸進增強則是從一個非常基礎的，能夠起作用的版本開始，並不斷擴充，以適應未來環境的需要。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處於安全地帶。

為什麼利用多個域名來儲存網站資源會更有效？

• 節約主域名的連線數，優化頁面響應速度
• CDN快取更方便
• 突破瀏覽器併發限制

請描述一下cookies，sessionStorage和localStorage的區別？

• sessionStorage用於本地儲存一個會話（session）中的資料，這些資料只有在同一個會話中的頁面才能訪問並且當會話結束後資料也隨之銷燬。
• localStorage用於持久化的本地儲存，除非主動刪除資料，否則資料是永遠不會過期的。
• cookie還需要指定作用域，不可以跨域呼叫。並且儲存資料量小。

簡述一下src與href的區別

• src是source的縮寫，指向外部資源的位置，指向的內容將會嵌入到文件中當前標籤所在位置。如<script src =”js.js”></script>當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源載入、編譯、執行完畢，圖片和框架等元素也如此，類似於將所指向資源嵌入當前標籤內。
• href是Hypertext Reference的縮寫，指向網路資源所在位置，建立和當前元素（錨點）或當前文件（連結）之間的連結，如<link href=”common.css” rel=”stylesheet”/>那麼瀏覽器會識別該文件為css檔案，就會並行下載資源並且不會停止對當前文件的處理。

你如何理解HTML結構的語義化？

• 去掉或樣式丟失的時候能讓頁面呈現清晰的結構
• 搜尋引擎的爬蟲也依賴於標記來確定上下文和各個關鍵字的權重
• 便於閱讀原始碼，團隊開發和維護起來容易