|
dl
沒(méi)有聽(tīng)說(shuō)過(guò)dl嗎？因?yàn)槟切┛梢暬ぞ呱傻拇a中從來(lái)不會(huì)出現(xiàn)dl？dl的意思是definition list，也就是定義列表。它包含的子元素不是li，而是dt和dd，也就是definition term和definition description。dl本身設(shè)計(jì)為字典單詞與解釋列表這樣的語(yǔ)義，例如：
<dl>
<dt>Apple</dt>
<dd>蘋(píng)果</dd>
<dt>Boy</dt>
<dd>男孩</dd>
</dl>
然而，如果你需要表示的的語(yǔ)義也是類(lèi)似的，一個(gè)列表既包含定義也包含解釋?zhuān)敲匆部梢钥紤]用dl。
form, input
form也就是表單啦，這沒(méi)什么好說(shuō)的，就算再不顧及語(yǔ)義的人在書(shū)寫(xiě)XHTML時(shí)也會(huì)考慮到它與各種input對(duì)提交數(shù)據(jù)的影響，從而小心謹(jǐn)慎。
table
table自然是用來(lái)表示表格的，這不廢話(huà)！如果是數(shù)據(jù)表，當(dāng)然可以用table來(lái)表示，但如果不是，就最好別用table了。
人名列表呢？例如一個(gè)3行4列的人名列表。如果這12個(gè)人名是并列關(guān)系，我建議你用ul和12個(gè)li來(lái)表示，再通過(guò)CSS來(lái)讓它們?cè)谝恍袃?nèi)并列顯示多個(gè)。名片表呢？也就是3行8列，每?jī)闪兄凶髠?cè)一列顯示人名右側(cè)一列顯示電話(huà)地址等聯(lián)系方式。我覺(jué)得dl在一定程度上能滿(mǎn)足此需求，dt放人名，dd放聯(lián)系方式，不過(guò)這時(shí)候就涉及了dl濫用的爭(zhēng)論，因?yàn)槿嗣c聯(lián)系方式當(dāng)作定義與解釋有點(diǎn)牽強(qiáng)。
接下來(lái)還有一個(gè)關(guān)于你是否系統(tǒng)學(xué)習(xí)過(guò)XHTML的小提問(wèn)，那就是你是否知道table下面的caption、col、colgroup、thead、tbody、tfoot元素及summary屬性分別用于定義什么，還有就是你書(shū)寫(xiě)table時(shí)是否會(huì)使用thead、tbody。
div, span
再次審閱上面的列表，如果你需要表示一個(gè)塊區(qū)卻無(wú)法在上面找到更適合的元素，那么你就可以考慮使用div和span這兩個(gè)最沒(méi)有語(yǔ)義的元素了。div與span的區(qū)別，歷史上的不說(shuō)了，現(xiàn)在通常大塊的區(qū)域用div，行內(nèi)的小文本片段就用span。在上面我已經(jīng)說(shuō)了div一般用于全局劃分為幾個(gè)大的區(qū)域，所以一般不需要使用了。span其實(shí)也很少使用，因?yàn)樾袃?nèi)的強(qiáng)調(diào)通常可以用語(yǔ)義更強(qiáng)的元素例如strong和em。
在理解上上述那么多常用元素后，寫(xiě)一個(gè)XHTML就真的如同中學(xué)生寫(xiě)作文一樣容易啦，還是搭積木那樣，其實(shí)和以前使用可使化工具搭積木沒(méi)什么不同，唯一不同是現(xiàn)在你理解了你在搭的是什么，而以前你只在乎搭出你想要的視覺(jué)效果來(lái)。寫(xiě)代碼與寫(xiě)作文所類(lèi)似的地方，就在于你寫(xiě)得越多就越熟練，也就越能寫(xiě)出好東西來(lái)。在寫(xiě)好XHTML后我們就要開(kāi)始考慮如何寫(xiě)CSS了，或許還需要在XHTML中略作修改以方便CSS中規(guī)則的選擇與匹配，不過(guò)這是以后再說(shuō)的內(nèi)容了，今天就說(shuō)到這里。
本文鏈接：http://m.95time.cn/tech/web/2008/6052.asp 
出處：Cat in dotNET
責(zé)任編輯：bluehearts
上一頁(yè) 根本不存在DIV+CSS布局這回事 [1] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) 根本不存在DIV+CSS布局這回事 [2]
