關(guān)于DIV CSS和XHTML CSS的理解
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:23:43 作者:佚名
我要評(píng)論

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)容相分離。
一
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)槿绱硕裠iv獨(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。
相關(guān)文章
- 這篇文章主要介紹了div+css布局中選擇使用html標(biāo)簽的方法,需要的朋友可以參考下2014-05-06
div css與xhtml css是什么意思?-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
不知道從什么時(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)簽嗎?可為什么還2008-10-17HTML如何在兩個(gè)div標(biāo)簽中間畫(huà)一條豎線
最近項(xiàng)目經(jīng)理交小編一個(gè)活兒,需要在界面當(dāng)中畫(huà)一條豎線,且這條豎線在高度上需要自動(dòng)占滿整個(gè)父div。在網(wǎng)上查了相關(guān)資料,最終搞定,下面小編給代價(jià)分享解決方法,需要的2018-03-02