HTML5+CSS3王者归来
上QQ阅读APP看书,第一时间看更新

5-2 有编号的项目列表

有些列表数据需要强调它的顺序,那么就建议使用本节所述的功能。相关元素的使用格式如下:

    <ol><li> … </li></ol>

由于编号列表有许多条,通常又将上述格式以下列方式表达。

程序实例ch5_3.html:使用有编号的项目列表,列出美国大学排行榜。

执行结果

5-3 设定有编号项目列表的起始编号

5-2节所述项目列表的起始编号是1,HTML5在<ol>元素中定义了start属性,可用设定start值的方式定义起始编号,此值必须是整数,可以是正值、0或负值。此时<ol>元素的使用格式如下:

上述<ol>标内的n是起始编号值。

程序实例ch5_4.html:用属性start定义列表的起始编号,列出机器人赛跑第4名到第6名的排行榜。

执行结果

start属性值也可以是负值,此时编号将采取每次递增1的方式处理。

程序实例ch5_5.html:列出清单的起始编号是负值的应用,并观察执行结果。

执行结果

从上述执行结果可以看到列表编号由负数转到正数的过程。