HTML教學:定義清單_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:46:07
原創
1506 人瀏覽過

原文:http://andymao.com/andy/post/104.html
上一節:有序列表
寫完「無序列表」和「有序列表」之後已經有人跟我說這兩篇看得沒什麼意思。這兩篇文章如果只以單向讀取的形式閱讀那麼的確是沒什麼意思,但是這兩篇重要的地方就在於要讀者加入自己的思考。有序無序單標籤很簡單,只要知道用法就行,但是關鍵點我認為不在於知道這個標籤長什麼樣,重點是在於什麼樣的資料適合使用什麼樣的清單。什麼樣的資料是有順序的,什麼樣的資料是無序的?閱讀完要思考,這樣才能學到東西,知識才能是自己的。
定義列表其形式特別,用法也很特別,相比較無序列表來說用到定義列表的就少很多。也有很多朋友還沒開始使用這個列表,那麼下面就來分解這個列表的程式碼:




看上面這段程式碼我們發現這裡並沒有出現
  • 標籤,而是由DL、DT、DD三個標籤組成,根據外型以及之前的列表我們可以知道,DL是這個列表的一個容器,就像個箱子,不同的是這次箱子裡不只有統一標準的單一小盒子了。而是出現兩個不同的內容我們要怎麼理解這個DT與DD呢?從語意上來講,DT是名稱,是標題,而DD是解釋,是內容。 DT與DD都是盒子,DD只對應解釋他上面的一個DT,不能越級或是向下解釋。當DT不存在的時候那麼DD也就沒有存在的意義,而DT是否一定需要DD跟隨其後,這點上我還沒有找到確切的文獻可以說明這一點,但是以我對於定義列表的理解,我認為如果資料中只有DT沒有DD那麼這就一不能成為定義列表,直接用UL無序列表就可以了。但是當資料中只有某一個或是少數幾個沒有DD,而大部分都有DD,那麼我認為這種形式是可以存在的。

    有序列表

    有序列表

    有序列表

    有序列表


    以上這種很明顯就不合適了,這樣的形式就是無序列表,何必要用定義列表呢,從語義上也說不通。

    有序列表

    有序列表就是有序列的資料以列表形成組織而成的資料形式

    有序列表

    有序列表就是有序列的資料以列表形成組織而成的資料形式

    這一句沒有解釋

    有序列表

    有序列表就是有序列的資料以列表形成組織而成的資料形式


    上面這種形式則我個人認為是可行的。那麼一個DT是否可以帶多個DD呢?這點上我同樣沒有找到文獻說明不可以,而且在一些知名的網站中這種一個DT帶多個DD的依然很多。我對此的看法是,物殊情況下一個DT帶多個DD是可以的,但是一般情況上我認為這種做法還是有所欠缺。從釋上來看,多個DD是否顯示多個解釋?或是解釋內容要分段也不需要讓DD來當這隻抓耗子的狗。一個DD中完全可以內嵌很多個段落標籤。再則從樣式應用上來講,多個DD整體鬆散,其設計的擴展性不足。例如,當我們要做一個點擊DT隱藏對應的DD的效果時,這種多DD的做法就沒那麼好實現了。所以在不是特殊用途情況下盡可能不要使用一個DT帶多個DD的做法,還是把內容放在DD裡,分段的就讓段落標籤去做,分列表的就讓有序或是無序列表去表現。
    還是開始講的,標籤本身沒什麼,重點要思考如何應用。下面給一張圖大家看是否應該使用自訂清單。一起討論一下。
  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!