<li>: The List Item element

<li> HTML 元素用于表示列表中的项目。它必须包含在父元素中：有序列表 (<ol>)、无序列表 (<ul>) 或菜单 (<menu>)。在菜单和无序列表中，列表项通常使用项目符号来显示。在有序列表中，它们通常在左侧显示一个升序计数器，例如数字或字母。

¥The <li> HTML element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.

Try it

属性

¥Attributes

该元素包括 全局属性。

¥This element includes the global attributes.

value

该整数属性指示由 <ol> 元素定义的列表项的当前序数值。该属性唯一允许的值为数字，即使列表以罗马数字或字母显示也是如此。此项之后的列表项继续从值集中编号。value 属性对于无序列表 (<ul>) 或菜单 (<menu>) 没有意义。

type

该字符属性指示编号类型：

  • a：小写字母
  • A：大写字母
  • i：小写罗马数字
  • I：大写罗马数字
  • 1：numbers

该类型会覆盖其父 <ol> 元素（如果有）使用的类型。

注意：该属性已被弃用；请改用 CSS list-style-type 属性。

¥Note: This attribute has been deprecated; use the CSS list-style-type property instead.

示例

¥Examples

有关更详细的示例，请参阅 <ol> 和 <ul> 页。

¥For more detailed examples, see the <ol> and <ul> pages.

有序列表

¥Ordered list

html
<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

结果

¥Result

具有自定义值的有序列表

¥Ordered list with a custom value

html
<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>

结果

¥Result

无序列表

¥Unordered list

html
<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

结果

¥Result

技术总结

¥Technical summary

内容类别 没有任何。
允许的内容 流量内容.
标签遗漏 如果列表项后面紧跟着另一个 <li> 元素，或者其父元素中没有更多内容，则可以省略结束标记。
允许的父级 <ul>、<ol> 或 <menu> 元素。虽然不符合用法，但过时的 <dir> 也可以是父项。
隐式 ARIA 角色 listitem 当 ol、 ul 或 menu 的子级时
允许的 ARIA 角色 menuitem, menuitemcheckbox, menuitemradio, option, none, presentation, radio, separator, tab, treeitem
DOM 接口 HTMLLIElement

规范

Specification
HTML Standard
# the-li-element

¥Specifications

浏览器兼容性

BCD tables only load in the browser

¥Browser compatibility

也可以看看

¥See also

  • 其他与列表相关的 HTML 元素：<ul>、<ol>、<menu> 和过时的 <dir>；
  • 对于 <li> 元素的样式可能特别有用的 CSS 属性：