English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <li> 标签在HTML文档的 <ol>， <ul>或 <menu>中定义了一个列表项。该标签通常也称为 <li>元素。
HTML 两个列表示例： 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) :
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 li标签的使用(基础教程网 oldtoolbag.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 Diese Eigenschaft wird nicht unterstützt.
"value" 属性 在 HTML 4.01 已被废弃。HTML5 Diese Eigenschaft wird nicht unterstützt.
Hinweis: Verwenden Sie CSS, um die Art der Liste und der Liste der Liste zu definieren.
| Attribute | Wert | Beschreibung |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5 Diese Eigenschaft wird nicht unterstützt. HTML 4.01 Diese Eigenschaft ist veraltet. Diese Eigenschaft wird nicht mehr empfohlen. Verwenden Sie stattdessen Stile. Bestimmt den verwendeten Pfeiltyp. Zeichenwert, der die Nummerierungsart anzeigt. Es kann einer der folgenden Werte sein: |
| value | number | Diese Eigenschaft wird nicht mehr empfohlen. Verwenden Sie stattdessen Stile. Bestimmt die Nummer der Liste der Liste. |
Der <li> Tag unterstützt globale Attribute, siehe vollständige Attributtabelle Globale Attribute von HTML.
Der <li> Tag unterstützt alle HTML-Event-Attribute.
Verschiedene Arten von geordneten Listen
Dieser Beispiel zeigt verschiedene Arten von geordneten Listen.
Verschiedene Arten von nicht geordneten Listen
Dieser Beispiel zeigt verschiedene Arten von nicht geordneten Listen.
Eingebettete Listen
Dieser Beispiel zeigt, wie man Listen eingebettet.
Eingebettete Listen 2
Dieser Beispiel zeigt komplexere eingebettete Listen.
Benutzerdefinierte Liste
Dieser Beispiel zeigt eine definierte Liste.
HTML-Tutorial: HTML-Liste