HTML教程-定義列表

2020-03-24 18:40:33

字體：大中小

來源：轉載

供稿：網友

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

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML5設計網頁時應該避免的一些小錯誤

下一篇：HTML5 Canvas實現圖片縮放、翻轉、顏色漸變的代碼