HTML 開發(fā)手冊(cè)
/ <li>
<li>
HTML <li> 標(biāo)簽 實(shí)例 HTML 兩個(gè)列表實(shí)例: 一個(gè)有序列表 (<ol>) 和 一個(gè)無(wú)序列表 (<ul>) : <ol> <li>Coffee</li> <li&..
HTML <li> 標(biāo)簽
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>有序列表:</p> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <p>無(wú)序列表:</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
瀏覽器支持
目前多數(shù)主流瀏覽器支持 <li>標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<li> 標(biāo)簽定義列表項(xiàng)目。
<li> 標(biāo)簽可用在有序列表(<ol>)、無(wú)序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異
"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)。 |
value | number | 不贊成使用。請(qǐng)使用樣式取代它。 規(guī)定列表項(xiàng)目的數(shù)字。 |
全局屬性
<li> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<li> 標(biāo)簽支持所有 HTML 事件屬性。
在線實(shí)例
一個(gè)嵌套列表
列表內(nèi)的列表。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h4>嵌套列表:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
另外一個(gè)嵌套列表
更復(fù)雜的嵌套列表。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h4>嵌套列表:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
相關(guān)文章
HTML 教程: HTML 列表