(011)XHTML文档之列表
XHTML文檔之列表
列表是兩個或更多相關項的集合。只包含一個項的列表也完全有效,在某些情況下甚至在語義上也是正確的。但通常被一個列表組織在一起的項有多個。XHTML中有3種類型的列表:無序列表、有序列表和自定義列表。
一、無序列表ul
無序列表用ul元素標明。它用于項的順序不太重要的列表,如食譜中的配料列表:只要拿到列表上的所有東西就行,按什么順序拿并不重要。每個列表項由自己的li元素來定義,它們都包含在外圍的<ul>和</ul>標簽中。ul元素是塊級元素,其子只能是li元素,文本和其他元素都不能出現在無序列表中,除非它們被包含在一個li中。
在圖形化瀏覽器中,無序列表的默認顯示形式帶有一點縮進,且每一個列表項之前都有一個丸行符號。當然可以通過css來將默認的丸形符號改為另一個字符甚至一個圖像。
?
二、有序列表ol
ol元素用于定義有序列表。有序列表中的項應該按照特定順序閱讀或辦理,如食譜中的操作步驟。可視化瀏覽器顯示的有序列表中的每個項旁都有一個自動生成的編號。
與無序列表一樣,ol元素是塊級元素,只能包含li。
?
三、列表項li
在有序和無序列表中,都使用塊級的li元素來定義各個項。列表項中可以包含文本或其他元素——甚至是新的列表。
當一個列表嵌套在另一個列表中時,默認情況下內層列表的樣式將根據其嵌套級別而有所不同。也就是說,每一層嵌套的列表都進一步縮進了一點,并且標記符號的樣式也各不相同。
?
四、定義列表
定義列表不僅僅是項的集合,更是項及其說明的集合。定義列表不像有序和無序列表那樣包含列表項元素(li)。這種列表中的項可以由定義術語(dt)和定義說明(dd)組成。一條術語可以有多條相關的說明(也就是說,一個dt標記可以有多個dd標記),一條說明也可以應用到在它之前出現的一組術語。一個dd之后緊接著一個dt標志一個新的術語和說明序列的開始,是劃分定義列表各部分的地方。
在術語和它的說明之間有一種隱含的語義聯系。dd和dt元素彼此捆綁在一起,配對參與形成列表的結構。因為這種語義上的共生關系,定義列表有時被用于標記從技術上說并非由術語及其定義組成的列表。一系列問題及其答案、一組圖像及其標題、用發言者的名字及其發言表示的一系列對話,都是定義列表潛在的用武之地。
?
1. dl標簽
dl元素用于創建一個定義列表。它是塊級元素,必須至少包含一條術語(dt)或一條說明(dd),dl之子元素只能是dt和dd元素。
2. dt標簽
dt元素是塊級元素,只能包含文本和(或)行內元素。它標明了一個術語或所要說明的對象。一條定義術語關聯著緊隨其后的每一條說明,直到有另一個dt元素開始一個新的序列(或直到列表結束于其閉標簽</dl>)。
3. dd標簽
dd元素包含對緊靠其前面的dt元素的說明。在一條術語有多條說明的情況下,每一條說明都應該包裝在自己的dd元素中。它是塊級元素,可以包含文本、行內元素和其他塊級元素。如果說明分為多個段落,應該把它們標記為段落(p),但應該包含在一個dd中,而不是分成多個dd。一個dd元素的全部內容應該構成一條說明。
?
在大多數瀏覽器的顯示結果中,dd元素相對于相關dt元素都有少許的縮進。如果dd包含有其他結構性標記代碼(如段落),那么嵌套元素的默認邊距將會被應用。
?
轉載于:https://www.cnblogs.com/jplatformx/p/4446584.html
總結
以上是生活随笔為你收集整理的(011)XHTML文档之列表的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 进位与溢出
- 下一篇: dedecms 制作模板中使用的全局标记