<オル>


HTML <ol> タグ

インスタンス

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

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

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


ブラウザサポート

1000.png

これまでに最も閲覧されているブラウザは <ol> タグをサポートしています。


タグの定義と使用方法

<ol> タグは、順序付きリストを定義し、番号で表示されます。

リストのオプションを定義するには、<li> タグを使用します。


ヒントとメモ

ヒント: 順序なしリストが必要な場合は、<ul> タグを使用します。

ヒント: CSS を使用してリストのスタイルを定義します。


HTML 4.01とHTML5の違い

HTML 4.01では、「start」属性と「type」属性は非推奨となり、HTML5はこの属性をサポートしません。

「reversed」属性は HTML5 の新しい属性です。

「compact」属性は HTML 4.01 で非推奨になり、HTML5 ではサポートされません。


属性

新しい: HTML5 の新しい属性。

属性説明
compactcompact HTML5ではサポートされておらず、その使用は非推奨です。 スタイルに置き換えてください。 リストを通常よりも小さく表示することを指定します。
reversedNewreversedリストを逆順で指定します(9,8,7...)
startnumberHTML5はこれをサポートしておらず、その使用は廃止されました。スタイルに置き換えてください。 リスト内の開始点を指定します。
type1
A
a
I
i
はリストのタイプを指定します。廃止されました。代わりにスタイルを使用してください。


グローバル属性

<ol> タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。


イベント属性

<ol> タグは、すべての HTML イベント属性をサポートします。


関連記事

HTMLチュートリアル: HTMLリスト