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