眼下,css div已經(jīng)成了一種行業(yè)典型說(shuō)法,甚至已經(jīng)成為職位名稱(chēng)。作為職業(yè)的頁(yè)面重構(gòu)工作者,不禁對(duì)此無(wú)奈的苦笑。無(wú)需多講,我要說(shuō)的主題也不是css div有什么不對(duì),我想說(shuō)的是由此說(shuō)法引來(lái)的誤區(qū)和癖好。
絕大部分人開(kāi)始學(xué)網(wǎng)頁(yè)制作,只是一味用DIV標(biāo)簽來(lái)布局,DIV里再套DIV,也不知道注意什么標(biāo)簽語(yǔ)義化。這不是什么錯(cuò),本來(lái)XHTML里使用最多的標(biāo)簽是DIV嘛。設(shè)計(jì)師出來(lái)效果圖交給我們,很快就要求寫(xiě)出頁(yè)面,那只能是一味地寫(xiě),一味的在各種瀏覽器里做測(cè)試。測(cè)試通過(guò),就交給程序完工。可是真的回頭想想,如果我們的頁(yè)面都是一味的DIV嵌套出來(lái),僅僅的為了比TABLE做的頁(yè)節(jié)省網(wǎng)頁(yè)體積和樣式的重復(fù)調(diào)用嘛?DIV布局的意義何在?HTML里的許多元素的意義何在?這是值得我們思考的問(wèn)題。
在精通HTML一書(shū)里看到了這方面的講解,目前最大的不良使用習(xí)慣就是:使用DIV來(lái)代替標(biāo)題和段落之類(lèi)的結(jié)構(gòu)性標(biāo)記。當(dāng)要標(biāo)記內(nèi)容的時(shí)候,有很多不同的標(biāo)記可以供選擇。我們可以在CSS的開(kāi)頭進(jìn)行各個(gè)元素的重置(CSS Reset),然后我們可以根據(jù)不同的情況來(lái)選擇屬于它們的標(biāo)簽。最典型的誤區(qū)是將將標(biāo)題放在DIV里,而不去使用h1-h6,慢慢的我們要更改頁(yè)面里充斥的不必要的結(jié)構(gòu)性標(biāo)記。如果已經(jīng)有非常好的結(jié)構(gòu)性和語(yǔ)義性標(biāo)記可用,那就再也沒(méi)有借口使用《div》了。
HOHO,要寫(xiě)出語(yǔ)義化標(biāo)簽的頁(yè)面來(lái),我們還需要好好學(xué)習(xí)HTML,理解HTML。告別div癖(divitis)、span癖(span-mania)、class(classitis)癖。告別不合理、不必要的結(jié)構(gòu)性標(biāo)記!
新聞熱點(diǎn)
疑難解答
圖片精選