HTML <li> 標(biāo)簽

2022-06-01 15:39 更新

從本篇文章中,您將了解到<li> 標(biāo)簽相關(guān)的所有內(nèi)容。首先我們一起來看看HTML <li> 標(biāo)簽的一個(gè)實(shí)例:

實(shí)例

HTML 兩個(gè)列表實(shí)例: 一個(gè)有序列表 (<ol>) 和 一個(gè)無序列表 (<ul>) :

<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>    

嘗試一下 ?
(本頁底部查看更多實(shí)例)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前多數(shù)主流瀏覽器支持 <li> 標(biāo)簽。


標(biāo)簽定義及使用說明

<li> 標(biāo)簽定義列表項(xiàng)目。

<li> 標(biāo)簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。


HTML 4.01 與 HTML5之間的差異

"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。

"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。


提示和注釋

提示: 請使用 CSS 來定義列表和列表項(xiàng)目的類型。


屬性

屬性 描述
type 1
A
a
I
i
disc
square
circle
HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請使用樣式取代它。規(guī)定使用哪種項(xiàng)目符號。
value number 不贊成使用。請使用樣式取代它。規(guī)定列表項(xiàng)目的數(shù)字。


全局屬性

<li> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML 全局屬性


事件屬性

<li> 標(biāo)簽支持所有 HTML 事件屬性。


Examples

在線實(shí)例

一個(gè)嵌套列表
列表內(nèi)的列表。

另外一個(gè)嵌套列表
更復(fù)雜的嵌套列表。


相關(guān)文章

HTML 教程: HTML 列表


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號