<ul>: 无序列表标签

最后更新：2026-10-13

<ul>无序列表标签

<ul>（无序列表）元素定义一组没有顺序的列表项，默认以圆点符号渲染。每个列表项用 <li> 表示。无序列表适合导航菜单、功能清单等无先后顺序的内容。

<ul>
  <li>列表项一</li>
  <li>列表项二</li>
</ul>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<ul>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

Qul 里的 li 必须有吗？

A是的，<ul> 的内容模型只允许 <li>（和脚本支持元素），直接放文字或 div 是无效 HTML。要展示「非列表的容器」请用 div。

Qul 可以做导航菜单吗？

A可以，<ul> + <li> + <a> 是导航的标准骨架，外层再包 <nav> 提供地标语义，用 CSS 去掉圆点、改成横排即可。屏幕阅读器会播报「列表，N 项」帮助用户预知菜单长度。

Q去掉列表圆点用什么 CSS？

Aul { list-style: none; } 一行搞定；若同时要去掉缩进还需 padding-left: 0（浏览器默认给 ul 加内边距）。注意去掉圆点后，屏幕阅读器仍会把它识别为列表——这正是语义保留的价值。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。