HTML <li>标签在HTML文档的 <ol>, <ul>或 <menu>中定义了一个列表项。该标签通常也称为 <li>元素。
HTML 两个列表示例: 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) :
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 li标签的使用(森客兔子 (thinktus.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>列表。
"type" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。
"value" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。
提示: 请使用 CSS 来定义列表和列表项目的类型。
属性 | 值 | 描述 |
---|---|---|
type | 1 A a I i disc square circle | HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。 字符值,指示编号样式。它可以是以下任意值: |
value | number | 不赞成使用。请使用样式取代它。 规定列表项目的数字。 |
<li> 标签支持全局属性,查看完整属性表 HTML 全局属性。
<li> 标签支持所有 HTML 事件属性。
不同类型的有序列表
本示例演示不同类型的有序列表。
不同类型的无序列表
本示例演示不同类型的无序列表。
嵌套列表
本示例演示如何嵌套列表。
嵌套列表 2
本示例演示更复杂的嵌套列表。
自定义列表
本示例演示一个定义列表。
HTML 教程: HTML 列表