<li>: 列表项标签

最后更新:2026-10-13

<li>列表项标签

<li>(列表项)元素表示 <ul> 或 <ol> 中的一项。在有序列表中,可以用 value 属性覆盖该项的编号。

分类列表
内容模型流式内容
允许的父元素<ul>、<ol>、<menu>
闭合标签需要 </li> 标签
状态标准

📝 语法

<li>列表项内容</li>

⚙️ 属性

该元素支持全局属性及以下专有属性:

属性值描述
value数字仅在有序列表中有效,覆盖该项的编号。

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<li> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
所有主流浏览器均支持

❓ 常见问题

Qli 可以单独使用吗?
A不可以,<li> 只能作为 <ul>、<ol> 或 <menu> 的子元素,直接放页面里是无效 HTML,浏览器解析时会把孤立 li 挂到最近的列表或直接丢弃结构。
Qli 的 value 属性有什么用?
A仅对 <ol> 的 li 有效:<li value='5'> 让该项编号从 5 开始,后续项顺延。适合「编号被中间打断的教程步骤」,ul 里的 li 用 value 无效。
Qli 里可以嵌套另一个列表吗?
A可以,嵌套列表放在 li 内部(<li>分类<ul>…</ul></li>),实现多级菜单、目录树。注意嵌套的 ul 要整个包在 li 里,放在 li 外面会打断上级列表结构。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

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

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏