主頁 > 知識(shí)庫 > HTML教程:定義列表

HTML教程:定義列表

原文：http://andymao.com/andy/post/104.html
上一節(jié)：有序列表
寫完“無序列表”和“有序列表”之后已經(jīng)有人和我說這兩篇看得沒什么意思。這兩篇文章如果只以單向讀取的形式閱讀那么的確是沒什么意思，但是這兩篇重要的地方就在于要讀者加入自己的思考。有序無序單標(biāo)簽很簡單，只要知道用法就行，但是關(guān)鍵點(diǎn)我認(rèn)為不在于知道這個(gè)標(biāo)簽長什么樣，重點(diǎn)是在于什么樣的數(shù)據(jù)適合使用什么樣的列表。什么樣的數(shù)據(jù)是有序的，什么樣的數(shù)據(jù)是無序的？閱讀完要思考，這樣才能學(xué)到東西，知識(shí)才能是自己的。
定義列表其形式特別，用法也很特別，相比較無序列表來說用到定義列表的就少很多。也有很多朋友還沒有開始使用這個(gè)列表，那么下面就來分解一下這個(gè)列表的代碼：
<dl>
<dt></dt>
<dd></dd>
</dl>
看上面這段代碼我們發(fā)現(xiàn)這里并沒有出現(xiàn)<li>標(biāo)簽，而是由DL、DT、DD三個(gè)標(biāo)簽組成，根據(jù)外型以及之前的列表我們可以知道，DL是這個(gè)列表的一個(gè)容器，就像個(gè)箱子，不同的是這次箱子里不只有統(tǒng)一標(biāo)準(zhǔn)的單個(gè)小盒子了。而是出現(xiàn)兩個(gè)不同的內(nèi)容我們?cè)趺蠢斫膺@個(gè)DT與DD呢？從語義上來講，DT是名稱，是標(biāo)題，而DD是解釋，是內(nèi)容。DT與DD都是盒子，DD只對(duì)應(yīng)解釋他上面的一個(gè)DT，不能越級(jí)或是向下解釋。當(dāng)DT不存在的時(shí)候那么DD也就沒有存在的意義，而DT是否一定需要DD跟隨其后，這點(diǎn)上我還沒有找到確切的文獻(xiàn)可以說明這一點(diǎn)，但是以我對(duì)于定義列表的理解，我認(rèn)為如果數(shù)據(jù)中只有DT沒有DD那么這就一不能成為定義列表，直接用UL無序列表就可以了。但是當(dāng)數(shù)據(jù)中只有某一個(gè)或是少數(shù)幾個(gè)沒有DD，而大部分都有DD，那么我認(rèn)為這種形式是可以存在的。
<dl>
<dt>有序列表</dt>
<dt>有序列表</dt>
<dt>有序列表</dt>
<dt>有序列表</dt>
</dl>
以上這種很明顯就不合適了，這樣的形式就是無序列表，何必要用定義列表呢，從語意上也說不通。
<dl>
<dt>有序列表</dt>
<dd>有序列表就是有序列的數(shù)據(jù)以列表形成組織而成的數(shù)據(jù)形式</dd>
<dt>有序列表</dt>
<dd>有序列表就是有序列的數(shù)據(jù)以列表形成組織而成的數(shù)據(jù)形式</dd>
<dt>這一句沒有解釋</dt>
<dt>有序列表</dt>
<dd>有序列表就是有序列的數(shù)據(jù)以列表形成組織而成的數(shù)據(jù)形式</dd>
</dl>
上面這種形式則我個(gè)人認(rèn)為是可行的。那么一個(gè)DT是否可以帶多個(gè)DD呢？這點(diǎn)上我同樣沒有找到文獻(xiàn)說明不可以，并且在一些知名的網(wǎng)站中這種一個(gè)DT帶多個(gè)DD的依然很多。我對(duì)此的看法是，物殊情況下一個(gè)DT帶多個(gè)DD是可以的，但是一般情況上我認(rèn)為這種做法還是有所欠缺。從釋上來看，多個(gè)DD是否表明著多個(gè)解釋？或是解釋內(nèi)容要分段也不需要讓DD來當(dāng)這只抓耗子的狗。一個(gè)DD中完全可以內(nèi)嵌很多個(gè)段落標(biāo)簽。再則從樣式應(yīng)用上來講，多個(gè)DD整體松散，其設(shè)計(jì)的擴(kuò)展性不足。比如，當(dāng)我們要做一個(gè)點(diǎn)擊DT隱藏對(duì)應(yīng)的DD的效果時(shí)，這種多DD的做法就不那么好實(shí)現(xiàn)了。所以在不是特殊用途情況下盡可能不要使用一個(gè)DT帶多個(gè)DD的做法，還是把內(nèi)容放在DD里，分段的就讓段落標(biāo)簽去做，分列表的就讓有序或是無序列表去表現(xiàn)。
還是開始講的，標(biāo)簽本身沒什么，重點(diǎn)要思考如何應(yīng)用。下面給一張圖大家看一下是否應(yīng)該使用自定義列表。一起討論一下。

標(biāo)簽：湘潭通遼煙臺(tái) 懷化賀州山南湖北黃山

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML教程:定義列表》，本文關(guān)鍵詞；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

佳木斯湛栽影视文化发展公司

HTML教程:定義列表

QQ咨詢

電話咨詢