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

HTML教程:定義列表

熱門標(biāo)簽:地圖標(biāo)注員工作內(nèi)容 西安金倫外呼系統(tǒng) 江西ai電銷機(jī)器人如何 威海語音外呼系統(tǒng)平臺(tái) 高德地圖標(biāo)注廁所 中國地圖標(biāo)注城市的 地圖標(biāo)注沿海城市房價(jià) 通遼地圖標(biāo)注app 智能語音電銷機(jī)器人客戶端

原文: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)簽:河池 崇左 晉中 青海 營口 阜陽 眉山 北海

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML教程:定義列表》,本文關(guān)鍵詞  HTML,教程,定義,列表,HTML,;如發(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)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML教程:定義列表》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML教程:定義列表的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章