解讀HTML：WEB標(biāo)準(zhǔn)的誤解

在HTML4 Elements中共計有91個標(biāo)簽，然而在這么多的標(biāo)簽中經(jīng)常被使用到的標(biāo)簽不到四分之一，在這些常用的標(biāo)簽中有兩個標(biāo)簽是屬于最通用型的——div、span，這兩個結(jié)構(gòu)性的標(biāo)簽因為本身不帶呈現(xiàn)樣式及語義而被廣泛的用于網(wǎng)頁制作中，再加上之前很多人直接把WEB標(biāo)準(zhǔn)誤解為就是div+CSS，于是在一個頁面里出現(xiàn)了特多的div或者是span標(biāo)簽，盡管這些地方本身有更符合語義的標(biāo)簽來實現(xiàn)。

Table式的頁面布局因為其本身的簡便以及有Dreamweaver這樣的可視化操作的Web制作軟件的存在，從而引領(lǐng)了Web制作的一個時代，也正是因此而導(dǎo)致了過多的Web設(shè)計人員從來沒有真正關(guān)注過HTML標(biāo)簽的真正語義，當(dāng)Web標(biāo)準(zhǔn)開始興起的時候，于是就直接被理解成是div+css的布局。

于是Web標(biāo)準(zhǔn)中的結(jié)構(gòu)標(biāo)簽幾乎變成了div的秀場。

div標(biāo)簽的過度使用，已經(jīng)導(dǎo)致了很多人對于Web標(biāo)準(zhǔn)的誤解，最明顯的一點就是，當(dāng)網(wǎng)頁切換到使用div標(biāo)簽布局后，table標(biāo)簽便被無情的拋棄，儼然Web標(biāo)準(zhǔn)已經(jīng)被理解成就是div+css。而事實上，table標(biāo)簽是不能被拋棄的，當(dāng)需要顯示數(shù)據(jù)內(nèi)容時，由table標(biāo)簽構(gòu)建的HTML結(jié)構(gòu)的優(yōu)勢要強于div標(biāo)簽構(gòu)建的布局，table標(biāo)簽仍然是顯示數(shù)據(jù)時最符合HTML語義的標(biāo)簽。

Table頁面布局所生成的過多的冗長代碼，以及混雜其中的HTML樣式屬性，已經(jīng)嚴(yán)重影響到頁面的性能，尤其是對于大訪問量的網(wǎng)站，解決的方法即是對頁面進行基于Web標(biāo)準(zhǔn)的重構(gòu)。然而對Web標(biāo)準(zhǔn)的誤解，造成頁面整體結(jié)構(gòu)上div被過多的使用；以及Table布局所遺留下來的思想，造成頁面上的結(jié)構(gòu)嵌套過多。這些仍然影響著頁面的整體性能。

所以，以更符合語義化的標(biāo)簽來構(gòu)建頁面，是Web標(biāo)準(zhǔn)推崇的理念。在這個理念下構(gòu)建的頁面還應(yīng)該盡量的精簡代碼，使頁面代碼盡量的保持輕簡，讓瀏覽器更快速呈現(xiàn)的同時也便于日后的代碼維護。

Web標(biāo)準(zhǔn)并不是某一個單獨的標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合，包括結(jié)構(gòu)、表現(xiàn)、行為三部分。這里的結(jié)構(gòu)并不是指div，而是指標(biāo)準(zhǔn)化的語言——XHTML、xml。

明明標(biāo)簽可以實現(xiàn)粗體樣式，為什么還要用標(biāo)簽再搭配粗體樣式去實現(xiàn)呢？

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com