HTML CSS基础（三）

3种列表：有序列表、无序列表和定义列表

表1 3种列表记忆

标签	语义	说明
ol	ordered list	有序列表
ul	unordered list	无序列表
dl	definition list	定义列表

一、HTML3种列表

列表有3种：有序列表、无序列表和定义列表。

有序列表和无序列表都比较常用，而定义列表比较少用。在实际应用中，最常用的是无序列表，请大家重点掌握。

目录列表和菜单列表已经被废除，大家可以直接忽略这两种列表。

1、有序列表

1 2 3 4 5

<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、无序列表

无序列表是三个列表中最为重要的列表。

语法：

1 2 3 4 5

<ul  type="列表项符号">     <li>无序列表项</li>     <li>无序列表项</li>     <li>无序列表项</li> </ul>

表1 无序列表type属性

type属性值	列表项的序号类型
disc	默认值，实心圆“●”
circle	空心圆“○”
square	实心正方形“■”

学习了CSS之后，无序列表列表项符号由list-style-type定义，到时候应该摒弃type属性。

3、定义列表

语法：

1 2 3 4 5

<dl>     <dt>定义名词</dt>     <dd>定义描述</dd>     …… </dl>

说明：

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

在该语法中，<dl>标记和</dl>标记分别定义了定义列表的开始和结束，<dt>后面添加要解释的名词，而在<dd>后面则添加该名词的具体解释。

二、HTML学习中的误区

学习HTML的目的就是在你需要的地方用到符合语义的标签，把标签用“对”这才是HTML学习的目的。例如一段文字，应该使用p标签，而不是使用div标签或者其他标签。

网页语义结构良好，对于搜索引擎来说也是极为重要的一点。