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

html列表主要有三种类型：无序列表、有序列表和定义列表。它们用于组织内容，使信息更清晰易读。下面重点介绍无序列表（ul）和有序列表（ol）的实际应用。

无序列表（ul）

无序列表用于表示没有特定顺序的项目，通常以圆点、方块等符号作为列表项的前缀。

常用场景包括：

• 导航菜单项
• 功能特点罗列
• 文章中的要点说明

语法结构：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

有序列表（ol）

有序列表用于表示有先后顺序的内容，列表项前会自动添加数字或字母。

立即学习“前端免费学习笔记（深入）”；

序列猴子开放平台

具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

0

查看详情

常见用途如：

1. 操作步骤说明
2. 排名榜单
3. 教程流程指引

基本写法：

<ol>
  <li>第一步</li>
  <li>第二步</li>
  <li>第三步</li>
</ol>

ul与ol的样式控制

通过CSS可以灵活调整列表的外观。

例如修改ul的项目符号：

• 使用 square 样式
• 项目符号变成方块

设置ol从指定数字开始：

5. 此项编号为5
6. 下一项自动为6

基本上就这些。ul适合并列内容，ol适合有逻辑顺序的信息，合理使用能让网页结构更清晰。不复杂但容易忽略细节，比如嵌套时的缩进和语义正确性。基本上掌握这几种用法就够日常开发用了。