XHTML1.0 清單類標籤

<menu>、<li>、<ul>

<元素標籤> 屬  性 DTD 說  明 屬 性 值 </結束標籤>
<menu>
TF
區塊型元素
清單標籤
type TF 項目符號 disc (實心圓)
circle (空心圓)
square (實心方形)
yes
<li>
STF
單列型元素
清單項目
type TF 項目符號 A (大寫英文字母)
a (小寫英文字母)
I (大寫羅馬字母)
i (小寫羅馬字母)
1 (數字)
disc (實心圓)
circle (空心圓)
square (實心方形)
yes
value TF 開始數字 number of list item
<ul>
STF
區塊型元素
清單標籤
compact TF   compact rendering yes
type TF 項目符號 disc (實心圓)
circle (空心圓)
square (實心方形)
DTD:S=Strict,T=Transitional,F=Frameset。

清單標籤皆置於 <body> 與 </body> 標籤對之間,這類的標籤主要是做一些以條例的方式一條一條來呈現內文,這可以讓瀏覽者方便清楚的瀏覽。

範  例

這是 ul 的效果
<ul>
<li>清單項目會向右縮排</li>
<li>上下文間各空出一列</li>
<li>看清楚範例結果了嗎</li>
</ul>

範例結果

這是 ul 的效果

  • 清單項目會向右縮排
  • 上下文間各空出一列
  • 看清楚範例結果了嗎

<dl>、<dt>、<dd>

<元素標籤> 屬  性 屬 性 值 </結束標籤>
<dl>
STF
區塊型元素
說明式清單
    yes
<dt>
STF
區塊型元素
項目的標題
    yes
<dd>
STF
區塊型元素
清單的項目
    yes
DTD:S=Strict,T=Transitional,F=Frameset。
範  例

這是 dl 的效果
 <dl>
  <dt>這是標題</dt>
  <dd>清單項目</dd>
  <dd>清單項目</dd>
 </dl>

範例結果

這是 dl 的效果

這是標題
清單項目
清單項目

<ol>

<元素標籤> 屬  性 DTD 說  明 屬 性 值 </結束標籤>
<ol>
STF
區塊型元素
標號清單
compact TF   compact rendering yes
start TF 開始數字 start on number
type TF 項目符號 A (大寫英文字母)
a (小寫英文字母)
I (大寫羅馬字母)
i (小寫羅馬字母)
1 (數字)
DTD:S=Strict,T=Transitional,F=Frameset。
範  例

這是 ol 的效果
<ol start="3" type="I">
<li>A 表示大寫英文字母</li>
<li>a 表示小寫英文字母</li>
<li>I 表示大寫羅馬字母</li>
<li>i 表示小寫羅馬字母</li>
<li>1 表示數字</li>
</ol>

範例結果

這是 ol 的效果

  1. A 表示大寫英文字母
  2. a 表示小寫英文字母
  3. I 表示大寫羅馬字母
  4. i 表示小寫羅馬字母
  5. 1 表示數字