HTML <li>標簽在HTML文檔的 <ol>， <ul>或 <menu>中定義了一個列表項。該標簽通常也稱為 <li>元素。
HTML 兩個列表示例： 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) :
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 li標簽的使用(菜鳥教程 (cainiaoplus.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
目前多數(shù)主流瀏覽器支持 <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 已廢棄該屬性。 不贊成使用。請使用樣式取代它。 規(guī)定使用哪種項目符號。 字符值，指示編號樣式。它可以是以下任意值： |
| value | number | 不贊成使用。請使用樣式取代它。 規(guī)定列表項目的數(shù)字。 |
<li> 標簽支持全局屬性，查看完整屬性表 HTML 全局屬性。
<li> 標簽支持所有 HTML 事件屬性。
不同類型的有序列表
本示例演示不同類型的有序列表。
不同類型的無序列表
本示例演示不同類型的無序列表。
嵌套列表
本示例演示如何嵌套列表。
嵌套列表 2
本示例演示更復雜的嵌套列表。
自定義列表
本示例演示一個定義列表。
HTML 教程: HTML 列表