DIV CSS 佈局教程網

列表這一章主要介紹了3種列表：有序列表、無序列表和定義列表，並提及了初學者在HTML學習中的誤區。

3種列表的語義記憶：

表1 3種列表記憶 標簽 語義 說明 ol ordered list 有序列表 ul unordered list 無序列表 dl definition list 定義列表

一、HTML3種列表

列表有3種：有序列表、無序列表和定義列表。

有序列表和無序列表都比較常用，而定義列表比較少用。在實際應用中，最常用的是無序列表，請大家重點掌握。

目錄列表和菜單列表已經被廢除，大家可以直接忽略這兩種列表。

1、有序列表

 
<ol>
    <li>有序列表項</li>
    <li>有序列表項</li>
    <li>有序列表項</li>
</ol>

表1 有序列表type屬性 type屬性值 列表項的序號類型 1 數字1、2、3…… a 小寫英文字母a、b、c…… A 大寫英文字母A、B、C…… i 小寫羅馬數字i、ii、iii…… I 大寫羅馬數字I、II、III……

學習了CSS入門教程之後，有序列表列表項符號由list-style-type屬性定義，到時候應該摒棄type屬性。

2、無序列表

無序列表是三個列表中最為重要的列表。

語法：

 
<ul  type="列表項符號">
    <li>無序列表項</li>
    <li>無序列表項</li>
    <li>無序列表項</li>
</ul>

表1 無序列表type屬性 type屬性值 列表項的序號類型 disc 默認值，實心圓“●” circle 空心圓“○” square 實心正方形“■”

學習了CSS之後，無序列表列表項符號由list-style-type定義，到時候應該摒棄type屬性。

3、定義列表

語法：

 
<dl>
    <dt>定義名詞</dt>
    <dd>定義描述</dd>
    ……
</dl>

說明：

<dl>即“definition list（定義列表）”，<dt>即“definition term（定義名詞）”，而<dd>即“definition description（定義描述）”。

在該語法中，<dl>標記和</dl>標記分別定義了定義列表的開始和結束，<dt>後面添加要解釋的名詞，而在<dd>後面則添加該名詞的具體解釋。

二、HTML學習中的誤區

學習HTML的目的就是在你需要的地方用到符合語義的標簽，把標簽用“對”這才是HTML學習的目的。例如一段文字，應該使用p標簽，而不是使用div標簽或者其他標簽。

網頁語義結構良好，對於搜索引擎來說也是極為重要的一點。