今天小編要跟大家分享的文章是關于參加Web前端的常見題漸進增強與優雅降級。準備參加Web前端工作的小伙伴們來和小編一起看一看吧，希望本篇文章能夠對大家有所幫助。

漸進增強與優雅降級

漸進增強并不是一種技術，而是一種設計思想。各個瀏覽器的渲染能力各不相同，要做一個每個人都能看到的網頁、感受到的體驗都一致的網站幾乎不可能。但還是得網站的可訪問性，增加用戶在任何環境下都能正常訪問網頁得核心內容或能使用基本功能(避免網頁打不開、排版錯誤等)，并為他們提供當前條件下較好的體驗，這就是漸進增強得核心思想。

優雅降級也是一種設計思想，為了增加在高版本瀏覽器中提供較好的體驗，碰到低版本瀏覽器再降級進行兼容處理，使其能正常瀏覽。

這兩種思想的區別在于：

1. 漸進增強是向上兼容，優雅降級是向下兼容;

2. 漸進增強是從簡單到復雜，優雅降級是從復雜到簡單;

3. 漸進增強關注的是內容(增加核心內容)，優雅降級關注的是瀏覽體驗(為了兼容低版本瀏覽器)

2. DOCTYPE

作用

DTD(Document Type Definition，文檔類型定義)是一系列的語法規則，用來定義 XML 或 (X)HTML 的文檔類型。瀏覽器會使用它來判斷文檔類型，決定何種協議來解析，以及切換瀏覽模式。

DOCTYPE 是用來聲明文檔類型和 DTD 規范的，一個主要的用途便是文件的合法性驗證。如果文檔代碼不合法，那么瀏覽器解析時便會出現一些差錯。

HTML5的文檔類型聲明：

HTML 4.01 Strict(HTML 4.01 嚴格模式)的 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素(如font)，它的文檔類型聲明：

標準模式與怪異模式

怪異模式(Quirks Mode)用于模擬舊瀏覽器的行為。早期的網站并不會遵循完整的規范，隨著瀏覽器支持越來越多的規范，在那些舊的瀏覽器中開發的頁面在顯示時會被破壞。為了向后兼容，瀏覽器發明了怪異模式，一行錯誤或無效的 DOCTYPE 都會觸發怪異模式。

瀏覽器使用文件開頭的 DOCTYPE 來決定用怪異模式處理或標準模式處理。DOCTYPE 可以確保不同瀏覽器以相同的方式解析文檔，以及執行相同的渲染模式。

怪異模式與標準模式的主要區別：

1. 怪異模式的寬度和高度會包含 padding 和 border。標準模式不包含，標準模式下可以通過設置 box-sizing: border-box 將標準盒模型轉化成怪異模式下的盒模型。

2. 怪異模式下，當內容超出容器高度時，會將容器拉伸，而不是溢出。

3. 怪異模式下，在表格中的字體樣式(如 font-size )不會繼承。

4. 怪異模式下顏色值必須使用十六進制標記法。