<li>

HTML <li> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>有序列表:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<p>无序列表:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

執行實例»

點擊"執行實例"按鈕查看線上實例

瀏覽器支援

#目前多數主流瀏覽器支援< 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 已廢棄該物件。不贊成使用。請使用樣式取代它。規定使用哪種項目符號。
value	number	#不贊成使用。請使用樣式取代它。規定列表項目的數字。

全域屬性

<li> 標籤支援全域屬性，查看完整屬性表 HTML 全域屬性。

事件屬性

<li> 標籤支援所有 HTML 事件屬性。

線上實例

一個巢狀清單
清單內的清單。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

運行實例»

點擊"運行實例" 按鈕查看線上實例

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

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>