无序列表(ul)用于并列项目,以圆点等符号标记,适用于导航菜单、功能罗列;有序列表(ol)带数字前缀,用于步骤、排名等有顺序的内容;两者通过CSS可自定义样式,如修改符号类型或起始编号,合理使用提升网页结构清晰度与可读性。

HTML列表主要有三种类型:无序列表、有序列表和定义列表。它们用于组织内容,使信息更清晰易读。下面重点介绍无序列表(ul)和有序列表(ol)的实际应用。
无序列表(ul)
无序列表用于表示没有特定顺序的项目,通常以圆点、方块等符号作为列表项的前缀。
常用场景包括:- 导航菜单项
- 功能特点罗列
- 文章中的要点说明
语法结构:
- 列表项1
- 列表项2
- 列表项3
有序列表(ol)
有序列表用于表示有先后顺序的内容,列表项前会自动添加数字或字母。
立即学习“前端免费学习笔记(深入)”;
常见用途如:- 操作步骤说明
- 排名榜单
- 教程流程指引
基本写法:
- 第一步
- 第二步
- 第三步
ul与ol的样式控制
通过CSS可以灵活调整列表的外观。
例如修改ul的项目符号:- 使用 square 样式
- 项目符号变成方块
- 此项编号为5
- 下一项自动为6
基本上就这些。ul适合并列内容,ol适合有逻辑顺序的信息,合理使用能让网页结构更清晰。不复杂但容易忽略细节,比如嵌套时的缩进和语义正确性。基本上掌握这几种用法就够日常开发用了。











