div+css VS xhtml+css

我多次在Mb5u.com說(shuō)明，WEB標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)的集合，并不是僅“DIV+CSS”布局就可以實(shí)現(xiàn)。以CSS網(wǎng)頁(yè)布局只是標(biāo)準(zhǔn)的基礎(chǔ)之一。“DIV+CSS”布局只是一種通俗的稱呼罷了。而我們學(xué)習(xí)的目標(biāo)在于以XHTML建立良好的語(yǔ)義化的結(jié)構(gòu)，結(jié)合CSS最大程度使表現(xiàn)與內(nèi)容相分離。

一位網(wǎng)友對(duì)W3C標(biāo)準(zhǔn)、重構(gòu)與CSS布局的理解：

不知道從什么時(shí)候開(kāi)始，在網(wǎng)絡(luò)上到處可以看到div+css，到底什么是div+css呢?難道就是傳說(shuō)中的標(biāo)準(zhǔn)重構(gòu)嗎?標(biāo)準(zhǔn)從最簡(jiǎn)單的根源來(lái)說(shuō)不是合理使用xhtml的標(biāo)簽嗎?可為什么還是有這么多div+css呢?既然可以div+css，那為什么不可以叫span+css ul+css li+css等等呢?

疑問(wèn)，滿腦子的疑問(wèn)!為了這個(gè)疑問(wèn)，我把自己腦子里的東西從最底層翻了一遍。

在幾年前大家都是用table來(lái)布局，一層套一層，沒(méi)發(fā)現(xiàn)什么不妥，一直用到《網(wǎng)站重構(gòu)》這本書(shū)出來(lái)后的不久開(kāi)始看到很多人討論重構(gòu)。當(dāng)時(shí)的我對(duì)所謂的重構(gòu)一點(diǎn)都不清楚，當(dāng)然啦，現(xiàn)在還不是很清楚，至于《網(wǎng)站重構(gòu)》這本書(shū)我也沒(méi)看過(guò)幾頁(yè)，不敢說(shuō)自己什么都了解。但就目前而言，還是有很多朋友是從table布局轉(zhuǎn)變過(guò)來(lái)，也包括我自己在內(nèi)。

看了網(wǎng)上很多教程以及很多朋友的文章或者是提到的問(wèn)題，代碼結(jié)構(gòu)中少不了的是div。甚至看到代碼結(jié)構(gòu)中除了div標(biāo)簽在body中外，找不到其他用來(lái)處理結(jié)構(gòu)的標(biāo)簽了。或許就是因?yàn)槿绱�，才出現(xiàn)了div+css，用div來(lái)做布局，結(jié)合css來(lái)表現(xiàn)樣式，那這樣就是標(biāo)準(zhǔn)了?

是把table換成了div，把td換成ul來(lái)排列后，那其他xhtml的標(biāo)簽怎么辦呢?

或許有朋友會(huì)說(shuō)“我是用div來(lái)布局，所以要叫div+css，而且現(xiàn)在大家都這樣叫啊”。嗯，沒(méi)錯(cuò)，因?yàn)閐iv在xhtml中沒(méi)有語(yǔ)意，而且是塊元素，用在布局方面比較合理。但如果因?yàn)槿绱硕�把div獨(dú)立出來(lái)稱呼為了div+css，貌似跟xhtml可以平起平坐了。就好比你的輩分原本就是晚輩，卻跑去跟長(zhǎng)輩爭(zhēng)上座，太不像話了，不是嗎?

說(shuō)了這么多，無(wú)非是想希望大家以后不要再說(shuō)div+css了，為什么不能再多打2個(gè)字母，改叫xhtml+css呢?如果覺(jué)得這樣還不妥，那就叫網(wǎng)站重構(gòu)吧，你也可以稱自己為網(wǎng)站重構(gòu)工程師，多好聽(tīng)的名字呢，總不能讓別人叫你div+css人員吧。

推薦大家少用div，多合理的使用標(biāo)簽，不要遺忘了在xhtml中還有p,form諸多的標(biāo)簽。合理的使用標(biāo)簽，合理的頁(yè)面結(jié)構(gòu)才會(huì)讓你的站點(diǎn)更容易被搜索找到重要內(nèi)容。簡(jiǎn)單說(shuō)吧，大家都知道hn(n=1,2,3,4,5,6)是用在標(biāo)題，那p,form,table是不是也可以讓他們有自己在頁(yè)面結(jié)構(gòu)中的一個(gè)位置呢?

以上只是個(gè)人在文字方面對(duì)網(wǎng)絡(luò)上到處可見(jiàn)的div+css一些看法，文字表達(dá)方面不對(duì)的地方大家批評(píng)，但最終希望的是不要再叫div+css了，div不是主要的東西，主要的是xhtml。