HTML 词条目录
前端Wiki/HTML/基础/列表与表格

无序列表与有序列表

<ul>(无序列表)用于项目之间没有先后关系的内容,如功能清单、导航菜单;<ol>(有序列表)用于有明确顺序的内容,如操作步骤、排行榜。两者的每一项都用 <li> 包裹。

ol 有三个实用属性:start 指定起始编号,reversed 让编号倒序,type 切换编号样式(数字、大写字母等)。不过改样式更多时候交给 CSS 的 list-style 更灵活。

列表可以嵌套:把一个完整的 ul 写在某个 li 内部即可。导航菜单、多级目录都是这么做的。

本节要点无顺序用 ul,有顺序用 ol,列表项都是 li;ol 支持 start/reversed/type;嵌套列表写在外层 li 内部。
HTML
<!-- 无序列表:项目之间没有先后关系 -->
<ul>
  <li>HTML:结构</li>
  <li>CSS:样式</li>
  <li>JavaScript:行为</li>
</ul>

<!-- 有序列表:从第 3 步开始编号,用于中间步骤的文档 -->
<ol start="3">
  <li>解压安装包</li>
  <li>运行安装程序</li>
  <li>重启电脑</li>
</ol>

<!-- 嵌套列表:子列表写在外层 li 里面 -->
<ul>
  <li>前端
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ul>