HTML <li>標(biāo)簽在HTML文檔的 <ol>， <ul>或 <menu>中定義了一個(gè)列表項(xiàng)。該標(biāo)簽通常也稱為 <li>元素。
HTML 兩個(gè)列表示例： 一個(gè)有序列表 (<ol>) 和 一個(gè)無(wú)序列表 (<ul>) :
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 li標(biāo)簽的使用(菜鳥教程 (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>測(cè)試看看 ?/?
在此HTML5文檔示例中，我們有一個(gè)帶有四個(gè)<li>列表項(xiàng)的有序列表<ol>標(biāo)記。然后，我們有一個(gè)帶有三個(gè)<li>列表項(xiàng)的無(wú)序列表<ul>標(biāo)記。最后，我們?cè)跓o(wú)序列表<ul>標(biāo)記中嵌套了有序列表<ol>標(biāo)記。
IEFirefoxOperaChromeSafari
目前多數(shù)主流瀏覽器支持 <li>標(biāo)簽。
<li> 標(biāo)簽定義列表項(xiàng)目。
<li> 標(biāo)簽可用在有序列表（<ol>）、無(wú)序列表（<ul>）和菜單列表（<menu>）中。
您可以嵌套<ol，<ul>和<menu>列表。
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示: 請(qǐng)使用 CSS 來(lái)定義列表和列表項(xiàng)目的類型。
| 屬性 | 值 | 描述 |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請(qǐng)使用樣式取代它。 規(guī)定使用哪種項(xiàng)目符號(hào)。 字符值，指示編號(hào)樣式。它可以是以下任意值： |
| value | number | 不贊成使用。請(qǐng)使用樣式取代它。 規(guī)定列表項(xiàng)目的數(shù)字。 |
<li> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML 全局屬性。
<li> 標(biāo)簽支持所有 HTML 事件屬性。
不同類型的有序列表
本示例演示不同類型的有序列表。
不同類型的無(wú)序列表
本示例演示不同類型的無(wú)序列表。
嵌套列表
本示例演示如何嵌套列表。
嵌套列表 2
本示例演示更復(fù)雜的嵌套列表。
自定義列表
本示例演示一個(gè)定義列表。
HTML 教程: HTML 列表