HTML5 <li> 標簽

2022-05-23 14:57 更新

實例

HTML5 <li>標簽用于表示文檔中列表的項目,在下述例子中,我們分別在有序列表和無序列表中使用了<li>標簽。

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

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 
嘗試一下 ?
(本頁底部查看更多實例)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


標簽定義及使用說明

<li> 標簽定義列表項目。

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


HTML 4.01 與 HTML5之間的差異

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

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


提示和注釋

提示: 請使用 CSS 來定義列表和列表項目的類型。


屬性

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


全局屬性

<li> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。


事件屬性

<li> 標簽支持所有 HTML 事件屬性。


Examples

在線實例

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

另外一個嵌套列表
更復雜的嵌套列表。


相關文章

HTML 教程: HTML 列表

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號