web標准
簡單的說,就是HTML、CSS、JavaScript這三者分離。WEB標准不是某一個標准,而是一系列標准的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標准也分三方面:結構化標准語言主要包括XHTML和XML,表現標准語言主要包括CSS,行為標准主要包括對象模型(如 W3C DOM)、ECMAScript等。
可用性:產品是否容易上手,用戶能否完成任務,效率如何,以及這過程中用戶的主觀感受可好,是從用戶的角度來看產品的質量。可用性好意味着產品質量高,是企業的核心競爭力。
可維護性:一般包含兩個層次,一是當系統出現問題時,快速定位並解決問題的成本,成本低則可維護性好。二是代碼是否容易被人理解,是否容易修改和增強功能。可維護性和可復用性、可擴展性等有交叉的地方。構建可維護性好的代碼,對企業的長期發展非常重要。
什么是可訪問性?很難給出嚴格的定義。在《Web Content Accessibility Guidelines 1.0(Web內容可訪問性指南)》里,對可訪問性的描述是:Web內容對於殘障用戶的可閱讀和可理解性。同時指南里還特別指明:提高可訪問性也能讓普通用戶更容易理解Web內容。具體而言,要考慮以下兩方面:
- 無論用戶是否殘障,都得通過用戶代理(User Agent)來訪問Web內容。因此要提高可訪問性,首先得考慮各種用戶代理 :桌面瀏覽器、語音瀏覽器、移動電話、車載個人電腦等等。在Google, 專門聘請了一些殘障雇員,來幫助提高產品的可訪問性。
- 還得考慮用戶訪問Web內容時的環境限制 。比如:嘈雜的環境、過暗或過亮的房間、或者是免提等各種情況。這是更高一層次的可訪問性要求,做到了,能造就產品在特定領域的核心競爭力。
實現可用性、可訪問性的方法
- 逐步強化你的網站功能,同時對支持性進行測試。運用“漸進增強”和“平穩退化”原則開發網站。
- 允許用戶關閉有問題的增強功能。
- 提供相同內容或功能的替代版本。
- 就客戶端需要支持的技術向你的客戶提出建議,並舉例說明哪些公司的產品支持這些技術。
四個可訪問性標准(WCAG 2.0)
- 可感知:人們可以通過適合自己的媒體來獲知網頁內容。比如應當讓盲人得以收聽頁面內容。例如,圖像應該有文本對應體。
- 可操作:人們可以與 web 應用程序或內容進行交互。例如,用戶應該可以不用鼠標也能與某個網站進行交互,並且可以通過屏幕閱讀器來進行導航。
- 可理解:使用者可以弄懂頁面內容和用戶界面。例如,正文不應該比它需要的更加復雜,且網站應以可預測的方式來運行。
- 健壯性:所提供的一切服務都應當不受平台或操作系統的限制。這樣就可以避免人們提供一些不太完善的服務,這些服務會因為硬件/軟件的限制而導致大多數人都無法使用。例如,不同設備上的瀏覽器能夠一起使用網站,且導航應該是一致的。
web標准的優點:
- 代碼的效率:在HTML文件中使用最精簡的代碼,而把樣式和頁面布局信息包含進CSS文件中。則放在服務器上的文件越小,下載文件需要的時間就越短。
- 易於維護:頁面的樣式和布局信息保存在單獨的CSS文件中,如果你想改變站點的外觀時,僅需要在單獨的CSS文件中做出更改即可。整站統一css則可帶來巨大的便利。
- 可訪問性:上網用戶中那些視力受損的人,通過屏幕閱讀器使用鍵盤命令將網頁的內容讀給他們聽。以語義化的HTML(結構和表現相分離的HTML)編寫的網頁文件,就可以讓此類用戶更容易導航,且網頁文件中的重要信息也更有可能被這些用戶找到。
- 設備兼容性:純HTML,無附加樣式信息,可以針對具有不同特點(如屏幕尺寸等)的設備而被重新格式化,只需要引用一套另外的樣式表即可。同時,CSS本身也可以讓你為不同的呈現方式和媒體類型(如在屏幕上閱讀網頁,打印網頁,在移動設備上閱讀網頁等)規定不同的樣式表。
- 網絡爬蟲/搜索引擎:搜索引擎使用“爬蟲”,解析你的網頁。語義化的HTML能更准確更快速的被解析,從而知道哪些才是重要的內容,那么你的網頁在搜索結果中的排名就會大受影響