摘要：和是提供的，可用于請求之間保存數據。關閉窗口后，即被銷毀。答當解析器遇到標簽時，文檔的解析將停止，并立即下載并執行腳本，腳本執行完畢后將繼續解析文檔。而的腳本不同，只要腳本下載完成，將會立即執行，未必會按照聲明順序執行。

1 . doctype(文檔類型) 的作用是什么？ ☆

對文檔進行有效性驗證:

它告訴用戶代理和校驗器這個文檔是按照什么DTD 寫的。這個動作是被動的，
每次頁面加載時，瀏覽器并不會下載DTD 并檢查合法性，只有當手動校驗頁面時才啟用。

決定瀏覽器的呈現模式: 對于實際操作，通知瀏覽器讀取文檔時用哪種解析算法。

如果沒有寫，則瀏覽器則根據自身的規則對代碼進行解析，可能會嚴重影響HTML 排版布局。

瀏覽器有三種方式解析HTML文檔。

非怪異（標準）模式

怪異模式

部分怪異（近乎標準）模式

---

2 . HTML 和 XHTML 有什么區別？？ 如果頁面使用 "application/xhtml+xml" 會有什么問題嗎？

答：xhtml 語法要求嚴格，一旦遇到錯誤，立刻停止解析，并顯示錯誤信息。
如果頁面使用"application/xhtml+xml",一些老的瀏覽器會不兼容。

XHTML 元素必須被正確地嵌套。

XHTML 元素必須被關閉。

標簽名必須用小寫字母。

XHTML 文檔必須擁有根元素。

所有屬性都必須使用雙引號

---

3 . 如果網頁內容需要支持多語言，你會怎么做？在設計和開發多語言網站時，有哪些問題你必須要考慮？

答：編碼使用UTF-8，空間域名需要支持多瀏覽地址,準備多套模板。

在設計和開發多語言網站時，需要考慮:

應用字符集的選擇

語言書寫習慣&導航結構

數據庫驅動型網站

css 盒子會因為內容尺寸不一樣出現不對齊偏移

---

4 . 使用 data- 屬性的好處是什么？

答：data-為前端開發者提供自定義屬性，這些屬性集可以通過對象的dataset屬性獲取，
不支持該屬性的瀏覽器可以通過getAttribute方法獲取:

    
...

    div.dataset.commentNum; // 10

需要注意的是，data-之后的以連字符分割的多個單詞組成的屬性，獲取的時候使用駝峰風格。
并不是所有的瀏覽器都支持.dataset屬性，測試的瀏覽器中只有Chrome 和Opera 支持。

---

5 . 請描述 cookies、sessionStorage 和 localStorage 的區別。 ☆ ☆ ☆

答 sessionStorage、localStorage、cookie都是在瀏覽器端存儲的數據 有了本地數據，
就可以避免數據在瀏覽器和服務器間不必要地來回傳遞。
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可用于web請求之間保存數據。

cookies會發送到服務器端。其余兩個不會。Cookie每個域名存儲量比較小（各瀏覽器不同，大致4K）所有域名的存儲量有限制（各瀏覽器不同，大致4K）有個數限制（各瀏覽器不同）
會隨請求發送到服務器

LocalStorage 永久存儲 單個域名存儲量比較大（推薦5MB，各瀏覽器不同）總體數量無限制

SessionStorage 只在 Session 內有效 存儲量更大（推薦沒有限制，但是實際上各瀏覽器也不同）

sessionStorage 的概念很特別，引入了一個“瀏覽器窗口”的概念。
sessionStorage 是在同源的同窗口（或tab）中，始終存在的數據。
也就是說只要這個瀏覽器窗口沒有關閉，即使刷新頁面或進入同源另一頁面，數據仍然存在。
關閉窗口后，sessionStorage 即被銷毀。同時“獨立”打開的不同窗口，即使是同一頁面，sessionStorage 對象也是不同的

---

6 . 請解釋