<li>:列表項元素

基線 廣泛可用

此功能已得到完善,可在許多裝置和瀏覽器版本上執行。它自以下時間起在所有瀏覽器中都可用 2015 年 7 月.

<li> HTML 元素用於表示列表中的一個專案。它必須包含在一個父元素中:有序列表 (<ol>)、無序列表 (<ul>) 或選單 (<menu>)。在選單和無序列表中,列表項通常使用專案符號顯示。在有序列表中,它們通常在左側顯示遞增計數器,例如數字或字母。

試一試

屬性

此元素包含 全域性屬性

value

此整數屬性指示由 <ol> 元素定義的列表項的當前序數值。此屬性唯一允許的值是數字,即使列表使用羅馬數字或字母顯示。其後的列表項將從設定的值繼續編號。value 屬性對無序列表 (<ul>) 或選單 (<menu>) 沒有任何意義。

type 已棄用 非標準

此字元屬性指示編號型別。

  • a:小寫字母
  • A:大寫字母
  • i:小寫羅馬數字
  • I:大寫羅馬數字
  • 1:數字

此型別會覆蓋其父級 <ol> 元素(如果存在)使用的型別。

注意:此屬性已棄用;請改用 CSS list-style-type 屬性。

示例

有關更詳細的示例,請參閱 <ol><ul> 頁面。

有序列表

html
<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

結果

具有自定義值的有序列表

html
<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>

結果

無序列表

html
<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

結果

技術摘要

內容類別 無。
允許的內容 流內容.
標籤省略 如果列表項緊跟另一個 <li> 元素,或者其父元素中沒有更多內容,則可以省略結束標籤。
允許的父級 <ul><ol><menu> 元素。雖然不是符合標準的用法,但已廢棄的 <dir> 也可以作為父級。
隱式 ARIA 角色 當作為 olulmenu 的子元素時為 listitem
允許的 ARIA 角色 menuitemmenuitemcheckboxmenuitemradiooptionnonepresentationradioseparatortabtreeitem
DOM 介面 HTMLLIElement

規範

規範
HTML 標準
# the-li-element

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱

  • 其他與列表相關的 HTML 元素:<ul><ol><menu> 和已廢棄的 <dir>
  • 可能特別有用以設定 <li> 元素樣式的 CSS 屬性
    • list-style 屬性,用於選擇序數的顯示方式,
    • CSS 計數器,用於處理複雜的巢狀列表,
    • margin 屬性,用於控制列表項的縮排。