HTML 參考手冊

HTML 標簽大全

HTML: <ol> 標簽

HTML <ol>標簽定義HTML文檔中的有序列表。此標簽通常也稱為 <ol>元素。

在線示例

2 個不同的有序列表示例：

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML ol標簽的使用(菜鳥教程 (cainiaoplus.com))</title>
</head>
<body>
<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ol>
<ol start="10">
  <li>First item10</li>
  <li>Second item11</li>
  <li>Third item12</li>
  <li>Fourth item13</li>
</ol>
</body>
</html>

測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

目前大多數(shù)瀏覽器支持 <ol> 標簽。

標簽定義及使用說明

<ol> 標簽定義了一個有序列表. 列表排序以數(shù)字來顯示。

<ol>標簽由<li>標簽組成。

當列表項具有有意義的數(shù)字順序時，請使用<ol>標記。

您可以嵌套<ol>，<ul>和<menu>列表。

提示和注意

提示： 如果需要無序列表，請使用 <ul> 標簽。

提示：使用 CSS 來定義列表樣式。

HTML 4.01 與 HTML5中的差異

在 HTML 4.01 中"start" 和 "type" 屬性已經(jīng)廢棄，HTML5不支持該屬性。

"reversed" 屬性是 HTML5 中的新屬性。

在HTML 4.01中"compact" 屬性已經(jīng)廢棄,在 HTML5中不支持該屬性。

屬性

屬性	值	描述
compact	compact	HTML5中不支持，不贊成使用。請使用樣式取代它。規(guī)定列表呈現(xiàn)的效果比正常情況更小巧。
reversedHTML5	reversed	指定列表倒序(9,8,7...)
start	number	HTML5不支持，不贊成使用。請使用樣式取代它。規(guī)定列表中的起始點。
type	1 A a I i	規(guī)定列表的類型。不贊成使用。請使用樣式代替。字符值，指示列表的編號樣式。它可以是以下任意值： a-表示小寫 A-表示大寫 i-表示小寫羅馬數(shù)字 I-表示大寫羅馬數(shù)字 1-表示數(shù)字

全局屬性

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

事件屬性

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