<ol>

ol 要素型 (HTML, XHTML 1)

[9] ol 要素型は、順序付けられている並び (ordered list) を表します。

並びの項目は子 li タグによってマークします。

仕様書: HTML 4 IW:HTML4:"struct/lists.html#edef-OL"

必須

必須

(li)+

出現できる文脈

%list; が出現できる文脈

属性

`class`			級	[HTML4] %coreattr
`compact`	(真偽値属性)	(偽)	簡潔表示	[HTML4] 非推奨
`dir`			書字方向	[HTML4] %i18n
`id`			一意識別子	[HTML4] %coreattr
`lang`			自然言語	[HTML4] %i18n
`xml:lang`			自然言語	[XHTML1]
`onclick`				[HTML4] %events
`ondblclick`				[HTML4] %events
`onkeydown`				[HTML4] %events
`onkeypress`				[HTML4] %events
`onkeyup`				[HTML4] %events
`onmousedown`				[HTML4] %events
`onmousemove`				[HTML4] %events
`onmouseout`				[HTML4] %events
`onmouseover`				[HTML4] %events
`onmouseup`				[HTML4] %events
`seqnum`				非標準
`start`	`NUMBER`	`1`	最初の項目の番号	[HTML4] 非推奨
`style`			スタイル情報	[HTML4] %coreattr
`title`			注釈的題	[HTML4] %coreattr
`type`	`'1' / 'a' / 'A' / 'i' / 'I'`		項目番号の種類	[HTML4] 非推奨

レンダリング

[11] HTML 4 によると、 ul と ol は視覚的 UA では同じようにレンダリングされます。ただし、 ol は番号付けされませんが、 ul は番号付けされません。

というような記述は、仕様書で must を使って書かれているわけではありませんし、すべての場面における強制ではなく、既定スタイルの推奨程度と受け止めるべきでしょう。 (そうしないと、 CSS で ol に list-style-type: 非数系 を指定するようなことまで否定されてしまいますが、そのような制限は慣習的に適当とは思えません。)

UA は種々の方法で数を示して構いません。

[12] IW:HTML4:"struct/lists.html#idx-list-5" ではいくつかの視覚的 UA での慣習が説明されています。 (こちらは参考と明記されています。) これについては type 属性の説明を参照してください。

[14] li 要素や start 属性や value 属性や compact 属性の説明も参照。 (名無しさん)

例

[3]

<ol>
<li>Mix dry ingredients thoroughly.</li>
<li>Pour in wet ingredients.</li>
<li>Mix for 10 minutes.</li>
<li>Bake for one hour at 300 degrees.</li>
</ol>

(HTML 4 仕様書より)

[4]

<p>このプログラムの導入方法:
<ol>
<li><kbd>./configure</kbd></li>
<li><kbd>make</kbd></li>
<li><kbd>make test</kbd></li>
<li><kbd>make install</kbd></li>
</ol>

[5] 入れ子の例:

<ol>
<li>選手入場</li>
<li>開会宣言</li>
<li>大会委員長挨拶</li>
<li>来賓挨拶
  <ol>
    <li>名無権兵衛県知事</li>
    <li>無名太郎県体育連盟会長</li>
  </ol></li>
<li>選手宣誓</li>
<li>ルール説明
  <ol>
    <li>競技について</li>
    <li>配点について</li>
  </ol></li>
<li>大会事務局より連絡</li>
<li>選手退場</li>
</ol>

メモ

[1] 噂に聞くところによると、 ol タグは会社勤めの女性が云々とかなり本気で解説していた HTML タグ本が存在しているそうです。

[13] >>1 は出典が分からなくなっちゃったので知ってる人がいたら教えてください。

[15] ul と ol の使い分けについての話題は ul の説明を参照。

[16] Paul Armstrong Designs » Blog Archive » Reverse-Ordered Lists (2008-01-11 10:02:18 +09:00 版) http://monkey.paularms.com/weblog/css/reverse-ordered-lists

歴史

[27] HTML 1991

[43] HTML要素概説

要素名

ol

日付

1992-11-19

説明

1992-11-19、 Dan Connolly は www-talk への投稿で、もう仕様書で説明がされていないし、 MidasWWW でも実装されていない ol は DTD から削除するべきかと尋ねた。 >>25 1992-01-09時点の HTML 仕様では現在未使用とだけ言及があるが WWW19920109、その後消されてしまっていたのだろうか。

説明

Tim Berners‑Lee は返信で、有用そうなら復活させてもいいと答えた。 Line Mode Browser では ol は ul と同様にレンダリングされていたようで、この実装方法が良いとしている。 >>26 ul と違う ol の意味を理解しつつも、積極的に必要とは感じていなかったようだ。

出典