| 導購 | 订阅 | 在线投稿
分享
 
 
 

CSS高級應用:定義列表的特殊用法

來源:互聯網  2008-08-09 06:57:18  評論

有序無序單標簽很簡單,只要知道用法就行,但是關鍵點我認爲不在于知道這個標簽長什麽樣,重點是在于什麽樣的數據適合使用什麽樣的列表。什麽樣的數據是有序的,什麽樣的數據是無序的?閱讀完要思考,這樣才能學到東西,知識才能是自己的。

定義列表其形式特別,用法也很特別,相比較無序列表來說用到定義列表的就少很多。也有很多朋友還沒有開始使用這個列表,那麽下面就來分解一下這個列表的代碼:

<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裏,分段的就讓段落標簽去做,分列表的就讓有序或是無序列表去表現。

還是開始講的,標簽本身沒什麽,重點要思考如何應用。

有序無序單標簽很簡單,只要知道用法就行,但是關鍵點我認爲不在于知道這個標簽長什麽樣,重點是在于什麽樣的數據適合使用什麽樣的列表。什麽樣的數據是有序的,什麽樣的數據是無序的?閱讀完要思考,這樣才能學到東西,知識才能是自己的。 定義列表其形式特別,用法也很特別,相比較無序列表來說用到定義列表的就少很多。也有很多朋友還沒有開始使用這個列表,那麽下面就來分解一下這個列表的代碼: <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裏,分段的就讓段落標簽去做,分列表的就讓有序或是無序列表去表現。 還是開始講的,標簽本身沒什麽,重點要思考如何應用。
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有