无序列表
场景:在网页中表示一组无序之分的列表,如:新闻列表。
标签组成:
标签名 | 说明 |
---|---|
ul | 表示无序列表整体,用于包裹li标签 |
li | 表示无序列表的每一项,用于包含每一行的内容 |
显示特点:
- 列表的每一项前默认显示圆点标识
注意点:
- ul标签中只允许包含li标签
- li标签可以包含任意内容
有序列表
场景:在网页中表示一组有顺序的列表,如:排行榜。
标签组成
标签名 | 说明 |
---|---|
ol | 表示有序列表的整体,用于包裹li标签 |
li | 标识有序列表的每一项,用于包含每一行的内容 |
显示特点:
- 列表的每一项前默认显示序号标识
注意点:
- ol标签中只允许包含li标签
- li标签中可以包含任意内容
自定义列表
场景:在网页的底部导航中通常会使用自定义列表实现。
标签组成:
标签名 | 说明 |
---|---|
dl | 表示自定义列表的整体,用于包裹dt/dd标签 |
dt | 标识自定义列表的主题 |
dd | 表示自定义列表的针对主体的每一项内容 |
显示特点:
- dd前会模式显示缩紧效果
注意点:
- dl标签中只允许包含dt/dd标签
- dt/dd标签可以包含任意内容