1. 程式人生 > 實用技巧 >HTML中列表的相關元素

HTML中列表的相關元素

 1 無序列表 
 2 <ul type="xxx">
 3 <li>Coffee</li>
 4 <li>Milk</li>
 5 </ul>
 6 
 7 有序列表
 8 <ol start="50">
 9   <li>咖啡</li>
10   <li>牛奶</li>
11   <li>茶</li>
12 </ol>
13 
14 自定義列表
15 <dl>
16 <dt>水果</dt>
17 <dd>蘋果</dd>
18
<dd>香蕉</dd> 19 <dt>運動</dt> 20 <dd>打籃球</dd> 21 <dd>踢足球</dd> 22 </dl>

HTML5保留了如下幾個列表相關元素:無序列表<ul>、有序列表<ol>、自定義列表<dl>

  1、<ul>:定義無序列表,可以指定id、style、class等屬性,還可以指定onclick等事件屬性。

  2、<ol>:定義有序列表,可以指定id、style、class等屬性,還可以指定onclick等事件屬性。

3、<dl>:用於定義術語列表。自定義列表不僅僅是一列專案,而是專案及其註釋的組合。自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

  • <dt>:定義標題列表項。可以指定id、style、class等屬性,還可以指定onclick等事件屬性。該元素只能包含文字、影象、超連結、文字格式化元素和表單控制元件元素等
  • <dd>:定義普通列表項。該元素可以包含與<div../>完全類似的內容。