HTML 知识量:9 - 26 - 70
HTML有序列表是一种按照特定顺序列出项目的方式,每个项目都有一个唯一的数字或字母来进行标记。这种列表类型在HTML 2.0中就被引入,而在HTML 4.01中,有序列表得到了进一步规范化,并增加了<ol>标签和type属性,以支持数字和字母数字混合的有序列表。
在HTML中,有序列表由<ol>标签定义,每个列表项从<li>标签开始,到</li>结束。例如,以下的HTML代码定义了一个有序列表:
<ol> <li>列表项一</li> <li>列表项二</li> <li>列表项三</li> <li>列表项N</li> </ol>
在浏览器中,这将呈现为一个带有数字标记的列表。
有序列表在网页设计中非常有用,可以用于操作说明、网页热度排行榜、时间顺序等多种场景。
HTML有序列表的type属性用于设置列表项前的编号类型。这个属性可以接受几个不同的值,从而改变列表项前的标记样式。以下是type属性可以接受的几个值及其对应的效果:
type="1":这是默认值,表示列表项目用数字标号,如1、2、3等。
type="A":表示列表项目用大写字母标号,如A、B、C等。
type="a":表示列表项目用小写字母标号,如a、b、c等。
type="I":表示列表项目用大写罗马数字标号,如I、II、III等。
type="i":表示列表项目用小写罗马数字标号,如i、ii、iii等。
尽管有些浏览器可能会解析不支持的type属性值,但按照HTML规范,只有上述几个值是有效的。
在HTML代码中,有序列表由<ol>标签定义,每个列表项从<li>标签开始,到</li>结束。type属性应该放在<ol>标签中,如下所示:
<ol type="A"> <li>列表项一</li> <li>列表项二</li> <li>列表项三</li> <li>列表项N</li> </ol>
在上面的例子中,列表项将以大写字母A、B、C等作为标记。
除了type属性外,有序列表还支持start属性,用于设置起始值。例如,如果希望列表从10开始编号,可以这样写:
<ol type="1" start="10"> <li>列表项一</li> <li>列表项二</li> <!-- 列表项将从10开始编号 --> </ol>
需要注意的是,start属性在HTML5中已经不再支持,因此建议使用CSS来实现类似的效果。
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6