列表主要有两类:有序列表和无序列表。 有序列表项前面有编号,呈现出顺序。 无需列表项前面没有编号,默认圆点。
1、<ol>
ol标签是一个有序列表容器(ordered list),列表项前面会产生数字编号。 ol标签内部可以嵌套ol标签或ul标签,形成多级列表。 标签有以下属性:
- reversed:产生倒序数字列表
- start:值为整数,表示数字列表的起始编号
- type:指定数字编号的样式。有5种:a、A、i、I、1。
2、<ul>
ul标签是一个无序列表容器(unordered list),列表项前面会产生实心小圆点作为列表符号。 ul标签内部可以嵌套ul标签或ol标签,形成多级列表。
3、<li>
li标签表示列表项,用在ol标签或ul标签之中。 在ol标签中的li标签,有一个value属性,定义当前列表项的编号,后面列表项会从这个值开始编号。
4、<dl> , <dt> , <dd>
dl标签通常用来定义词汇表,或例如小米网站下方帮助中心、服务支持、线下门店等布局。
- dl标签是一个块级元素,表示一组术语的列表(description list)。
- dt标签定义术语名(description term)
- dd标签定义术语解释(description detail) dt和dd都是块级元素,dd默认会在dt下方缩进显示。 多个dt可以对应一个dd,多个dd也可以对应一个dt。