DIV CSS 佈局教程網

原文：http://andymao.com/andy/post/104.html
上一節：有序列表
寫完“無序列表”和“有序列表”之後已經有人和我說這兩篇看得沒什麼意思。這兩篇文章如果只以單向讀取的形式閱讀那麼的確是沒什麼意思，但是這兩篇重要的地方就在於要讀者加入自己的思考。有序無序單標簽很簡單，只要知道用法就行，但是關鍵點我認為不在於知道這個標簽長什麼樣，重點是在於什麼樣的數據適合使用什麼樣的列表。什麼樣的數據是有序的，什麼樣的數據是無序的？閱讀完要思考，這樣才能學到東西，知識才能是自己的。
定義列表其形式特別，用法也很特別，相比較無序列表來說用到定義列表的就少很多。也有很多朋友還沒有開始使用這個列表，那麼下面就來分解一下這個列表的代碼：
<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裡，分段的就讓段落標簽去做，分列表的就讓有序或是無序列表去表現。
還是開始講的，標簽本身沒什麼，重點要思考如何應用。下面給一張圖大家看一下是否應該使用自定義列表。一起討論一下。