web標準

仔細看看全部的前端招聘要求,幾乎全部的都要求對web標準有深入的理解。html

web標準,是一系列標準的集合。對前端來講,由於網頁是由結構、表現和行爲組成。對應的就有結構化標準語言,主要包括XHTML和XML;表現標準語言主要包括CSS;行爲標準主要包括對象模型(如W3C DOM)、ECMAScript等。這些標準大部分由W3C組織(什麼是W3C組織)起草和發佈,也有一些是其餘標準組織制訂的標準,好比ECMA(European Computer Manufacturers Association)的ECMAScript標準。其主要內涵就是行爲、表現、結構、相分離,便於資源管理利用等等。此外,web標準還包括http標準、代碼標準、跨域標準等等前端

遵循web標準的網頁具備普遍的優勢:web

  1.網頁的結構清晰,便於搜索引擎抓取頁面,提升網站排名;跨域

  2.文檔下載和頁面的顯示速度更快;工具

  3.可以適應更多地用戶代理訪問網頁,包括殘障人士利用屏幕閱讀器等訪問頁面;網站

  4.代碼結構更清晰,便於網站的維護,以及開發人員之間的交流;搜索引擎

  5.提供打印版本而不須要複製內容;spa

另外web標準中重要的一點是web語義化,也便是html語義化。擁有良好web語義化的網頁,主要表如今三個方面:可用性、可維護性和可訪問性。前兩個方面好理解,但可訪問性有點難懂。.net

  首先可用性好是指產品容易被用戶使用,用戶可以使用產品高效率,高質量的完成任務。同時用戶在使用產品的時候,其主觀感覺較好。也就是說可用性是從用戶的角度看網站的,可用性越好,用戶就會以爲產品質量高。因此企業開發網站時應該高度重視用戶的體驗,提升競爭力。代理

  其次可維護性好是指網站出現錯誤時,快速定位問題所在的成本較低;另外一方面是指網站的代碼易於理解,便於後繼的開發人員可以方便的加強網站的功能。可維護性愈好,網站的可持續發展就越好。

  最後說一說可訪問性,它是指網站可以兼備殘障人士閱讀網頁的困難,因此開發人員要考慮到各類用戶代理。另外若是網站也要照顧到用戶在使用產品時的周邊環境是否吵雜,光線是否暗淡等。搜索引擎可以較容易的訪問到網站。實現可訪問性的方法有:(1)逐步加強網站的功能,運用「漸進加強」、「平穩退化」的方式來開發網站。(2)容許用戶關閉不想用的加強功能。(3)提供相同功能的替代產品。(4)多向客戶尋求建議,並給用戶一些建議。可訪問性網站(也便是擁有良好web語義化的網站)的良好特徵:(1)有視覺障礙的人能夠經過屏幕閱讀器的輔助工具來訪問頁面;(2)搜索引擎能較爲容易的抓取頁面,提升網站排名,增長網站的訪問流量(3)便與團隊的合做,代碼維護、可以使網站可持續的運做。

  爲何要web語義化:

  1.爲了在沒有CSS的狀況下,頁面也能呈現出很好地內容結構、代碼結構;

  2.用戶體驗:例如title、alt用於解釋名詞或解釋圖片信息、label標籤的活用;

  3.有利於SEO:和搜索引擎創建良好溝通,有助於爬蟲抓取更多的有效信息:爬蟲依賴於標籤來肯定上下文和各個關鍵字的權重;

  4.方便其餘設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以意義的方式來渲染網頁;

  5.便於團隊開發和維護,語義化更具可讀性,是下一步吧網頁的重要動向,遵循W3C標準的團隊都遵循這個標準,能夠減小差別化。

相關文章
相關標籤/搜索