[HTML] 清單 ul 與 ol 與dl 差異

Photo by Florian Olivo on Unsplash

<ul>無序列表 (unordered lists)

ul為無序清單也就是項目清單

<ul>
 <li>星期一</li>
 <li>星期二</li>
</ul>

輸出為

• 星期一
• 星期二

<ol> 有序列表 (ordered lists)

ol為有序清單也就是序號清單

<ol>
 <li>星期一</li>
 <li>星期二</li>
</ul>

輸出為

1. 星期一
2. 星期二

<dl>定義列表 (definition lists)

dl定義清單可以製造出縮排效果

<dl>
 <dt>項目標題一</dt>
 <dd>這裡是項目敘述一 ...</dd>
 <dt>項目標題二</dt>
 <dd>這裡是項目敘述二 ...</dd>
</dl>

輸出為