<li>：列表项元素
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<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;
}
属性
这个元素包含全局属性。
示例
有序列表
html
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
结果
带有自定义值的有序列表
html
<ol type="I">
<li value="3">第三项</li>
<li>第四项</li>
<li>第五项</li>
</ol>
结果
无序列表
html
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</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 |
规范
| Specification |
|---|
| HTML # the-li-element |