ol

ol

ol 要素型 (HTML, XHTML 1)

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

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

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

[10]

開始タグ
必須
終了タグ
必須
内容模型
(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非標準
startNUMBER1最初の項目の番号[HTML4] 非推奨
styleスタイル情報[HTML4] %coreattr
title注釈的題[HTML4] %coreattr
type'1' / 'a' / 'A' / 'i' / 'I'項目番号の種類[HTML4] 非推奨

レンダリング

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

というような記述は、仕様書で must を使って書かれているわけではありませんし、すべての場面における強制ではなく、 既定スタイルの推奨程度と受け止めるべきでしょう。 (そうしないと、 CSSollist-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] ulol の使い分けについての話題は ul の説明を参照。

[16] Paul Armstrong Designs &#187; Blog Archive &#187; Reverse-Ordered Lists ( 版) <http://monkey.paularms.com/weblog/css/reverse-ordered-lists>

メモ

[17] The difference between UL and OL elements in HTML ( ( 版)) <http://www.cs.tut.fi/~jkorpela/html/ul-ol.html>

[18] [whatwg] Suggest making <dt> and <dd> valid in <ol> ( ( 版)) <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036629.html>

[19] Re: [css3-lists] padding-left on <ol> and <ul> elements ( (Gérard Talbot 著, 版)) <http://lists.w3.org/Archives/Public/www-style/2014Feb/0654.html>

[20] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( ( 版)) <https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1024>

[2] 17632 – Define rendering of <li> elements in terms of CSS (handling start="", reverse="", value="", and <li> elements that aren't children of <ol> elements) ( 版) <https://www.w3.org/Bugs/Public/show_bug.cgi?id=17632>

[6] 27185 – Make <ol start=""> accept an ID as well as a number, or some such ( 版) <https://www.w3.org/Bugs/Public/show_bug.cgi?id=27185>

[7] Make <li> ordinal value calculation precise (domenic著, ) <https://github.com/whatwg/html/commit/5fe3dbb016f40f0b7af0538dae9adc134be29c3f>

[8] Fix how <li>s are numbered and associated with <ol>s (domenic著, ) <https://github.com/whatwg/html/commit/fd726b069bee2c73600fbccac8e36f8783549bfc>

[21] 17632 – CSS: define rendering of <li> elements in terms of CSS (handling start="", reverse="", value="", and <li> elements that aren't children of <ol> elements) () <https://www.w3.org/Bugs/Public/show_bug.cgi?id=17632>

[22] Remove never-reached list item ordinal value condition (domenic著, ) <https://github.com/whatwg/html/commit/feb1db4821535978d09de4564e37719937e2d1b1>

[23] dfn what it means for elements to be “referenced” (sideshowbarker著, ) <https://github.com/whatwg/html/commit/d0872abf29373f284c93434875e2e30d12602081>