HTML 参考手册

HTML 标签大全

HTML: <li> 标签

HTML <li>标签在HTML文档的 <ol>, <ul>或 <menu>中定义了一个列表项。该标签通常也称为 <li>元素。

在线示例

HTML 两个列表示例: 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) :

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 li标签的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ol>

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

<ul>
  <li>First item
    <ol>
      <li>Nested item A</li>
      <li>Nested item B</li>
      <li>Nested item C</li>
      <li>Nested item D</li>
    </ol>
  </li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ul>
</body>
</html>
测试看看 ‹/›

在此HTML5文档示例中,我们有一个带有四个<li>列表项的有序列表<ol>标记。然后,我们有一个带有三个<li>列表项的无序列表<ul>标记。最后,我们在无序列表<ul>标记中嵌套了有序列表<ol>标记。

浏览器兼容性

IEFirefoxOperaChromeSafari

目前多数主流浏览器支持 <li>标签。

标签定义及使用说明

<li> 标签定义列表项目。

<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中。

您可以嵌套<ol,<ul>和<menu>列表。

HTML 4.01 与 HTML5之间的差异

"type" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。

"value" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。

提示和注意

提示: 请使用 CSS 来定义列表和列表项目的类型。

属性

属性描述
type1
A
a
I
i
disc
square
circle

HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。

字符值,指示编号样式。它可以是以下任意值:
a-表示小写
A-表示大写
i-表示小写罗马数字
I-表示大写罗马数字
1-表示数字

valuenumber不赞成使用。请使用样式取代它。 规定列表项目的数字。

全局属性

<li> 标签支持全局属性,查看完整属性表 HTML 全局属性

事件属性

<li> 标签支持所有 HTML 事件属性

在线示例

不同类型的有序列表
本示例演示不同类型的有序列表。

不同类型的无序列表
本示例演示不同类型的无序列表。

嵌套列表
本示例演示如何嵌套列表。

嵌套列表 2
本示例演示更复杂的嵌套列表。

自定义列表
本示例演示一个定义列表。

相关文章

HTML 教程: HTML 列表