web標準的理解

  1. WEB標準不是某一個標準,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行爲(Behavior)。對應的標準也分三方面:結構化標準語言主要包括XHTML和XML,表現標準語言主要包括CSS,行爲標準主要包括對象模型(如W3C DOM)、ECMAScript等。這些標準大部分由萬維網聯盟(起草和發佈,也有一些是其他標準組織制訂的標準,比如ECMA(European Computer Manufacturers Association)的ECMAScript標準。
    先上一個圖:
    在這裏插入圖片描述
    上這個圖的意思只想說明web標準的三大部分是獨立分開的。

2.三大部分
結構:html的body裏面的標籤都屬於結構內容,對於結構要求就是常說的三點(標籤字母要小寫,標籤要閉合,標籤不允許隨意嵌套)。
表現:css儘量使用外鏈文件,少使用行間樣式,使結構與表現分離。css的命名要符合規範,儘量簡潔易懂,這樣方便維護。
行爲:js外鏈且放在尾部會大大提高頁面的渲染速度。

以下部分參考鏈接:

1.WEB標準(結構、表現、行爲分離)有哪些優點呢?
• 易於維護:只需更改CSS文件,就可以改變整站的樣式
• 頁面響應快:HTML文檔體積變小,響應時間短
• 可訪問性:語義化的HTML(結構和表現相分離的HTML)編寫的網頁文件,更容易被屏幕閱讀器識別
• 設備兼容性:不同的樣式表可以讓網頁在不同的設備上呈現不同的樣式
• 搜索引擎:語義化的HTML能更容易被搜索引擎解析,提升排名
2. 可用性、可維護性、可訪問性
可用性:產品是否容易上手,用戶體驗怎麼樣,可用性好是企業的核心競爭力
可維護性:出現問題時,修復bug的成本低則維護性好,還有一點是代碼能夠被其他開發人員理解,畢竟我們不是一個人再做產品
可訪問性:就是所有人(盲人)都能理解你的網頁。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章