只要你細心你就會發現,幾乎每個招聘前端的崗位都要求對WEB標準、可用性和可訪問性有要求,下面附一張大疆前端任職資格
大疆前端任職要求
第二條就是深刻理解WEB標準,對前端性能、可訪問性、可維護性有一定的了解和實踐。
1. WEB標準
WEB標準不是某一個標準,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標準也分三方面:結構化標準語言主要包括XHTML和XML,表現標準語言主要包括CSS,行為標準主要包括對象模型(如W3C DOM)、ECMAScript等。這些標準大部分由萬維網聯盟(起草和發布,也有一些是其他標準組織制訂的標準,比如ECMA(European Computer Manufacturers Association)的ECMAScript標準。
上面一段話是百度百科對WEB標準的解釋,我簡單總結如下:
- 結構:html
- 表現:css
- 行為:js(dom + es)
WEB標準(結構、表現、行為分離)有哪些優點呢?
- 易于維護:只需更改CSS文件,就可以改變整站的樣式
- 頁面響應快:HTML文檔體積變小,響應時間短
- 可訪問性:語義化的HTML(結構和表現相分離的HTML)編寫的網頁文件,更容易被屏幕閱讀器識別
- 設備兼容性:不同的樣式表可以讓網頁在不同的設備上呈現不同的樣式
- 搜索引擎:語義化的HTML能更容易被搜索引擎解析,提升排名
2. 可用性、可維護性、可訪問性
可用性:產品是否容易上手,用戶體驗怎么樣,可用性好是企業的核心競爭力
可維護性:出現問題時,修復bug的成本低則維護性好,還有一點是代碼能夠被其他開發人員理解,畢竟我們不是一個人再做產品
可訪問性:就是所有人(盲人)都能理解你的網頁。