ul元素 (unordered list - bullet styles),為「區塊」特性元素,定義項目符號清單。符號清單的項目使用「li」定義。
- 語法:
- <ul 屬性 = "屬性值">標籤內容</ul>
- 版本:
- HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
- 內含元素:
- li元素
- 屬性:
compact、type屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<h3>項目符號清單的元素有</h3>
<ul type="circle">
<li>ul元素</li><li>li元素</li>
</ul >
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。
*2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。
ol元素 (order list - numbered styles),為「區塊」特性元素。定義編號清單。編號清單的項目使用「li」定義。
- 語法:
- <ol 屬性 = "屬性值">標籤內容</ol>
- 版本:
- HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1*1)
- 內含元素:
- li元素
- 屬性:
compact、start、type屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<h3>編號清單的元素有</h3>
<ol start="1" type="1">
<li>ul元素</li><li>li元素</li>
</ol >
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。
*2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。
li元素(list item),目錄清單(dir)、選項清單(menu)、項目符號清單(ul)、編號清單(ol)的子元素,定義各種清單項目。
- 語法:
- <li 屬性 = "屬性值">標籤內容</li>
- 版本:
- HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
- 內含元素:
- 「區塊」元素、「線內」元素、Text
- 屬性:
type、value屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<h3>li元素是下列元素的子元素</h3>
<ol>
<li value="1">dir元素</li><li>menu元素</li><li>ul元素</li><li>li元素</li>
</ol >
output
li元素是下列元素的子元素
- dir元素
- menu元素
- ul元素
- ol元素
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。
*2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。
dl元素(definition list)為「區塊」特性元素,設定定義型清單。定義型清單包括定義項目和內容2個部分,dt元素定義其項目,dd元素定義其內容。
- 語法:
- <dl 屬性 = "屬性值">標籤內容</dl>
- 版本:
- HTML4.01(T,F)、XHTML1.0(T,F) *1)
- 內含元素:
- 1個以上的dt、dd元素
- 屬性:
compact屬性*2)、事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<dl>
<dt>dl元素</dt><dd>為一種定義型清單(definition list)</dd>
</dl>
output
- dl元素
- 為一種定義型清單(definition list)
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。
*2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。
dt元素(definition term)為dl元素的子元素,設定定義型清單的定義項目。
- 語法:
- <dt 屬性 = "屬性值">標籤內容</dt>
- 版本:
- HTML4.01(T,F)、XHTML1.0(T,F) *1)
- 內含元素:
- 「線內」元素、Text
- 屬性:
- 事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<dl>
<dt>dl元素</dt><dd>為一種定義型清單(definition list)</dd>
</dl>
output
- dl元素
- 為一種定義型清單(definition list)
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。
dd元素(definition discription)為dl元素的子元素,設定定義型清單的定義項目內容。
- 語法:
- <dd 屬性 = "屬性值">標籤內容</dd>
- 版本:
- HTML4.01(T,F)、XHTML1.0(T,F) *1)
- 內含元素:
- 「區塊」元素、「線內」元素、Text
- 屬性:
- 事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<dl>
<dt>dl元素</dt><dd>為一種定義型清單(definition list)</dd>
</dl>
output
- dl元素
- 為一種定義型清單(definition list)
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。
dfn元素(definition)為「線內」元素,設定專門用語。一般以斜線表示
- 語法:
- <dfn 屬性 = "屬性值">標籤內容</dfn>
- 版本:
- HTML4.01(T,F)、XHTML1.0(T,F) *1)
- 內含元素:
- 「線內」元素、Text
- 屬性:
- 事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<p>
<dfn>dfn元素</dfn>用於設定專門用語。
</p>
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。