首頁  >  文章  >  web前端  >  解讀HTML:WEB標準的誤解

解讀HTML:WEB標準的誤解

黄舟
黄舟原創
2016-12-17 14:11:53887瀏覽

在HTML4 Elements中共計有91個標籤,然而在這麼多的標籤中經常被使用到的標籤不到四分之一,在這些常用的標籤中有兩個標籤是屬於最通用型的——div、span,這兩個結構性的標籤因為本身不帶呈現樣式及語意而被廣泛的用於網頁製作中,再加上之前很多人直接把WEB標準誤解為就是div+CSS,於是在一個頁面裡出現了特多的div或是span標籤,儘管這些地方本身有更符合語意的標籤來實現。

Table式的頁面佈局因為其本身的簡便以及有Dreamweaver這樣的可視化操作的Web製作軟體的存在,從而引領了Web製作的一個時代,也正是因此而導致了過多的Web設計人員從來沒有真正關注過HTML標籤的真正語義,當Web標準開始興起的時候,於是就直接被理解成是div+css的佈局。

於是Web標準中的結構標籤幾乎變成了div的秀場。


div標籤的過度使用,已經導致了很多人對於Web標準的誤解,最明顯的一點就是,當網頁切換到使用div標籤佈局後,table標籤便被無情的拋棄,儼然Web標準已經被理解成就是div+css。而事實上,table標籤是不能被拋棄的,當需要顯示資料內容時,由table標籤建構的HTML結構的優勢要強於div標籤建構的佈局,table標籤仍然是顯示資料時最符合HTML語義的標籤。

Table頁面佈局所產生的過多的冗長程式碼,以及混雜其中的HTML樣式屬性,已經嚴重影響到頁面的效能,尤其是對於大訪問量的網站,解決的方法即是對頁面進行基於Web標準的重構。然而對Web標準的誤解,造成頁面整體結構上div被過多的使用;以及Table佈局所遺留下來的思想,造成頁面上的結構嵌套過多。這些仍然影響著頁面的整體效能。

所以,以更符合語意化的標籤來建立頁面,是Web標準所推崇的理念。在這個理念下建構的頁面也應該盡量的精簡程式碼,讓頁面程式碼盡量的保持輕簡,讓瀏覽器更快速呈現的同時也便於日後的程式碼維護。

Web標準並不是某一個單獨的標準,而是一系列標準的集合,包括結構、表現、行為三部分。這裡的結構並不是指div,而是指標準化的語言──XHTML、xml。

明明標籤可以實現粗體樣式,為什麼還要用標籤再搭配粗體樣式去實現呢?

 以上就是解讀HTML:WEB標準的誤解的內容,更多相關文章請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn