### 什么是Web標準 ???? 簡單的說，Web標準就是我們在學習前端中接觸最多的HTML、CSS、JavaScript三者的集合。網頁主要分三個部分：結構（Structure）、表現（Presentation）、行為（Behavior）。對應的標準也分三個方面：結構化標準語言---XHTML和XML，表現標準語言---CSS，行為標準---對象模型DOM和ECMAScript等。 ????? 為什么要制定這些標準，這些標準有什么優點呢？ ?????**1\. 提升代碼效率** ????????? Web標準提倡結構和表現分離，也就是說HTML只用來形成網頁的結構，而網頁的布局、表現方式用CSS完成，這樣就有效地精簡了HTML代碼。瀏覽器向服務器發送HTML文件請求時，下載文件的時間就減少了。 ???**?? 2.易于維護** ????????? 將頁面的樣式和布局信息保存在不同的文件中有力與對網頁的維護，當需要對網頁進行樣式改版升級時，不需要改動HTML文件，只在CSS文件中更改元素的樣式即可。 ??????**3.可訪問性** ????????? 上網用戶中有一些視力受損的人，他們需要屏幕閱讀器將網頁內容讀出來。以語義化的HTML標簽編寫的網頁可以使屏幕閱讀器知道網頁的結構及各部分的大概功能，如標簽表示導航，標簽表示側邊欄等，使使用者更便捷地與網頁交互，更快地抓住網頁主要表現內容。 ?????**4.設備兼容性** ????????? 這是最近比較流行的響應式設計，追求頁面的設計與開發應當根據用戶行為以及設備環境（系統平臺、屏幕尺寸、屏幕定向等）進行相應的響應和調整。這也是HTML與CSS分離帶來的便利，同樣的HTML文件，通過CSS3 Media Query 媒體查詢，就可以根據屏幕的尺寸等調整CSS樣式，使網頁內容能更清晰地展現出來。 ????**5\. 搜索引擎（網頁爬蟲）** ????????? 語義化的HTML文件更容易被網頁爬蟲解析，從而在搜索結果中能準確地得到你的網頁，并影響網頁的排名。 ### 可用性，可訪問性 ????? 前面提到，可訪問性就是指無論用戶是否健康，是否有部分身體缺陷都能正常地訪問網站，理解網站的內容。例如視力受損的用戶需要屏幕閱讀器瀏覽網頁，沒有鼠標的用戶要靠鍵盤與網頁交互，以及大量使用移動設備訪問網頁的用戶。 ????? 可訪問性好的網頁有以下幾個特征： ????? 1. HTML語義化、結構化 ????? 2.有可替代內容 ????? 3.用HTML定義基本交互 ????? 要實現網頁的可訪問性，需要網頁開發者運用“漸進增強”、“平穩退化”的原則。 “漸進增強”就是用一些額外的信息包裹原始數據，實現這個要求需要“三步走戰略”。第一步：要使用正確的，帶有語義化的HTML標簽來表示內容。第二步：將HTML于CSS分離，用CSS包裝內容的樣式，及時去掉這個表示層，文檔的內容也依然可以訪問（只是缺乏些色彩而已）。第三步：分離JavaScript，將網頁的行為與結構和表現分離，這樣即使瀏覽器的JavaScript功能關閉后，仍能訪問網頁的主要內容。 大部分實現了“漸進增強”的網頁都符合“平穩退化”的原則。“平穩退化”簡單說就是在沒有JavaScript的情況下仍能訪問網頁。 ### 總結 ???? 了解Web標準有利于養成良好的網頁開發的習慣，并做出具有高訪問性的網站，讓更多的用戶看到你的成果。