【HTML+CSS+JavaScript】網頁實戰開發筆記之二—關於Web標準,你不能不知道的事

相信大家對Web標準都有所耳聞了。今天我們就來介紹Web標準相關的一些最核心的知識,在瞭解其概念後,大家在網頁製作過程中才能做到有的放矢,在全局上把握各種技術,做起網頁來更加得心應手。
 


 

Web標準在業界已經成爲了一種網頁製作的非強制性規範,是很多網站表現層技術標準的集合,由著名的W3C組織制定。

所謂表現層技術,即網頁前臺技術,包括HTML、XHTML、CSS、JavaScript等。
 

Web標準大體可分爲三大塊——結構、表現和行爲。

下面我們來分條說明這三大塊的具體內容:
 

▲結構:用於網站數據的分類與整合。包含在結構部分的技術有HTML、XHTML和XML。

HTML用於製作絕大部分傳統的網頁。

XML是一種可擴展的語言,主要用於數據信息的描述,擁有非常好的擴展性。但由於XML還不適合傳統網頁製作,所以XML目前經常作爲各種程序之間數據轉換的工具來使用。

XHTML在HTML的基礎上,以XML的規範進行升級,作爲今後向XML過渡的網頁製作語言。

▲表現:即信息在瀏覽器顯示上的控制。主要有CSS、XSL等。

CSS用於描述HTML及XHTML頁面的整體佈局設計,並負責各子元素的顯示控制。

XSL用於XML文檔的顯示錶現描述,當前使用較少。

▲行爲:用於用戶對網頁文檔進行交互操作的技術,其相關技術爲DOM何ECMAScript腳本語言。

DOM,即文檔對象模型,使製作者更方便地訪問頁面的數據、表現層對象等。

ECMAScript是由CMA組織制定的標準腳本語言,主要爲JavaScript技術。

符合Web標準的頁面儘量將Web內容的結構、表現和行爲相分離,也可以看做表現與內容分離,這樣帶來的好處是顯而易見的,主要有以下四點好處:
 

<1>代碼的可讀性提高,代碼維護複雜度降低。依據Web標準編寫的網頁由於內容部分和表現部分分離,其結構非常清晰,便於修改和維護。
 

<2>網頁數據移植更簡單、跨平臺更方便。
 

<3>加快瀏覽速度,提升瀏覽體驗。由於代碼重用性高,所以符合Web標準的頁面文件比傳統網頁尺寸小很多,解析器的速度也快,用戶的瀏覽體驗必將提升。
 

<4>可擴展性強大。正因爲符合Web標準編寫的網頁內容部分和表現部分相分離,所以改版和升級網頁將非常簡單。

這節都是關於Web標準的核心概念性知識,到這裏也就講解完了。

以上就是本節筆記的全部內容,請大家繼續關注【HTML+CSS+JavaScript】網頁實戰開發筆記系列,謝謝大家的支持~~~
 

The end

 

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