3.5 分组元素

为了页面的排版需要，HTML5提供了几种语义的分组元素，见表3-8。

表3-8 常见分组元素

3.5.1 ul元素

ul元素表示不排序的项目列表，相当于Word中的项目符号，无序列表使用一对标签＜ul＞＜/ul＞标识，其中每一个列表项使用＜li＞＜/li＞，其语法结构如下：

注意：在列表中可以使用相关的属性定义列表显示的样式，不过HTML5规范中不建议使用属性定义，可以通过第二部分介绍的CSS功能来实现。

无序列表也可以嵌套，其语法结构如下：

【例3-10】用ul元素和li元素标签实现页面导航。

在网站设计中，经常会用到图3-9所示的导航，那么这种导航是如何实现的呢？主要是用到了＜ul＞＜li＞两个标签。其代码如下：

图3-9 页面导航

在浏览器中预览，显示效果如图3-10所示：

图3-10 ＜li＞元素制作导航效果图

很显然例子给出的代码，制作出来的效果跟图3-9中的效果完全不同，这是因为需要添加CSS样式才可以实现预期的设计效果。

3.5.2 ol元素

ol元素表示有序列表，类似于Word中的自动编号功能，其使用方法和ul元素用法基本相同。其语法结构如下：

ol元素目前支持三种属性，见表3-9。

表3-9 ol元素属性

其中type属性表示列表的编号类型，默认值为阿拉伯数字，也可以将编号类型设置为罗马数字和英文字母等。

3.5.3 dl元素

dl元素用于自定义列表，dl元素一般与dt元素（定义项目/名字）和dd元素（描述每一个项目/名字）一起使用，其语法结构如下：