2009年7月31日 星期五

網站tag論述

在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。

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

沒有留言:

張貼留言

推到 Twitter!
推到 Plurk!
推到 Facebook!