<li>: 列表项标签
最后更新:2026-10-13
<li>列表项标签
<li>(列表项)元素表示 <ul> 或 <ol> 中的一项。在有序列表中,可以用 value 属性覆盖该项的编号。
| 分类 | 列表 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | <ul>、<ol>、<menu> |
| 闭合标签 | 需要 </li> 标签 |
| 状态 | 标准 |
📝 语法
<li>列表项内容</li>
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
value | 数字 | 仅在有序列表中有效,覆盖该项的编号。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <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 外面会打断上级列表结构。