<li>: 列表项元素
<li> HTML 元素用于表示列表中的一项。它必须包含在父元素中：有序列表 (<ol>)、无序列表 (<ul>) 或菜单 (<menu>)。在菜单和无序列表中，列表项通常使用项目符号显示。在有序列表中，它们通常在左侧显示一个递增的计数器，例如数字或字母。
试一试
<p>Apollo astronauts:</p>
<ul>
<li>Neil Armstrong</li>
<li>Alan Bean</li>
<li>Peter Conrad</li>
<li>Edgar Mitchell</li>
<li>Alan Shepard</li>
</ul>
p,
li {
font:
1rem "Fira Sans",
sans-serif;
}
p {
font-weight: bold;
}
属性
此元素包含全局属性。
示例
有关更详细的示例，请参阅 <ol> 和 <ul> 页面。
有序列表
html
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
结果
带有自定义值的有序列表
html
<ol type="I">
<li value="3">third item</li>
<li>fourth item</li>
<li>fifth item</li>
</ol>
结果
无序列表
html
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
结果
技术摘要
| 内容类别 | 无。 |
|---|---|
| 允许内容 | 流内容. |
| 标签省略 | 如果列表项后面立即是另一个 <li> 元素，或者其父元素中没有更多内容，则可以省略结束标签。 |
| 允许父级 | 一个 <ul>、<ol> 或 <menu> 元素。尽管不是符合规范的用法，但已废弃的 <dir> 也可以作为父元素。 |
| 隐式 ARIA 角色 |
当是 <ol>、<ul> 或 <menu> 的子元素时为 listitem |
| 允许的 ARIA 角色 |
menuitem、menuitemcheckbox、menuitemradio、option、none、presentation、radio、separator、tab、treeitem |
| DOM 接口 | HTMLLIElement |
规范
| 规范 |
|---|
| HTML # the-li-element |
浏览器兼容性
加载中…
另见
- 其他与列表相关的 HTML 元素：
<ul>、<ol>、<menu>以及已废弃的<dir>； - 对样式设置
<li>元素特别有用的 CSS 属性list-style属性，用于选择序号的显示方式，- CSS 计数器，用于处理复杂的嵌套列表，
margin属性，用于控制列表项的缩进。