HTML5第七讲：列表元素及标记、元素、节点的区别

列表可以使描述内容条理清晰、排列有序。HTML5中提供了三种列表，分别为无序列表（ul）、有序列表(ol)、定义列表(dl)。

无序列表（ul）中的各项没有顺序，如可以用于导航栏，菜单栏等。HTML5中ul标记不支持type属性；

与之间可以添加任何标记，类似于一个容器；每对ul标记中至少包含一对li标记。如图1中13—18行，效果如图2对应位置，列表项前会有一个小黑圆点。

有序列表（ol）中的各项有顺序，默认顺序根据列表项从上至下排列，如可以展示排行榜，注意事项等。每对ul标记中也需至少包含一对li标记。HTML5中ol标记上还支持属性start和reversed，start标记用来设置列表项的起始编号，添加reversed属性后表示列表项的编号递减，默认情况下无此属性时列表顺序为递增。

无序列表与有序列表中的列表项没有项目符号。

指定定义列表，语法如下：名词名词解释1名词解释2。dt与dd并列嵌套dl，一对dt可以对应多对dd。如图1中28—38行，标记相对于标记会有缩进效果。

像菜单中一级列表中有二级列表，甚至三级列表，这个时候可以使用列表进行嵌套。如图1中40—57行就是一个嵌套列表，列表“季节”中嵌套了一个有序列表，列表“水果”中嵌套了一个无序列表，此无序列表前面是一个空心小圆圏，样式可以通过list-style来更改，其属性值可以为none：无标记符号，disc：实心圆（默认），circle：空心圆，square：实心正方形，decimal：数字。

标记有时候也叫做标签。节点（node）是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点。如： html 元素、属性、文本、注释、整个文档等都是一个节点。HTML中的节点有四种类型，文档节点：表示整个html；元素节点：表示标签及其所包含的内容；属性节点：HTML 标记中的属性；文本节点：标签中的内容文本。