Edit

Page

Page title:

Page body:

* ol 要素型 (HTML, XHTML 1)

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

並びの項目は子 [CODE(HTMLe)[[[li]]]] タグによってマークします。

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

[10]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[CODE(SGML)[([CODE(HTMLe)[[[li]]]])+]]
:出現できる文脈:[CODE(SGML)[%[[list]];]] が出現できる文脈
:[[属性]]:
,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[compact]]]]	,([[真偽値属性]])	,(偽)	,簡潔表示	,[HTML4] 非推奨
,[CODE(HTMLa)[[[dir]]]]	,	,	,[[書字方向]]	,[HTML4] %[[i18n]]
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,[HTML4] %coreattr
,[CODE(HTMLa)[[[lang]]]]	,	,	,[[自然言語]]	,[HTML4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]]	,	,	,自然言語	,[XHTML1]
,[CODE(HTMLa)[[[onclick]]]]	,	,	,	,[HTML4] %[[events]]
,[CODE(HTMLa)[[[ondblclick]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeydown]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeypress]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onkeyup]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmousedown]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmousemove]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseout]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseover]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)[[[onmouseup]]]]	,	,	,	,[HTML4] %events
,[CODE(HTMLa)@en[[[seqnum]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[start]]]]	,[CODE(SGML)[[[NUMBER]]]]	,[CODE[1]]	,最初の項目の番号	,[HTML4] 非推奨
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr
,[CODE(HTMLa)[[[type]]]]	,[CODE(ABNF)['1' / 'a' / 'A' / 'i' / 'I']]	,	,項目番号の種類	,[HTML4] 非推奨

[[#comment]]

** レンダリング

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

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

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

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

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

[[#comment]]

** 例

[3]
[PRE(HTML)[
<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>
]PRE]

(HTML 4 仕様書より)

[4]
[PRE(HTML)[
<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>
]PRE]

[5] 入れ子の例:
[PRE(HTML)[
<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>
]PRE]

[[#comment]]

** メモ

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

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

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

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

* 歴史

[27] [[HTML 1991]]

[FIG(data)[ [43] [[HTML要素概説]]

:[F[要素名]]:[CODE[ol]]
:日付:[TIME[1992-11-19]]
:説明:
[TIME[1992-11-19]]、
[[Dan Connolly]]
は
[[www-talk]]
への投稿で、
もう仕様書で説明がされていないし、
[[MidasWWW]]
でも実装されていない
[CODE[ol]]
は
[[DTD]]
から削除するべきかと尋ねた。
[SRC[>>25]]
[TIME[1992-01-09]]時点の [[HTML]] 仕様では現在未使用とだけ言及があるが [SRC[WWW19920109]]、
その後消されてしまっていたのだろうか。
:説明:
[[Tim Berners‑Lee]]
は返信で、
有用そうなら復活させてもいいと答えた。
[[Line Mode Browser]] では [CODE[ol]] は [CODE[ul]]
と同様に[[レンダリング]]されていたようで、
この実装方法が良いとしている。
[SRC[>>26]]
[CODE[ul]] と違う [CODE[ol]] 
の意味を理解しつつも、
積極的に必要とは感じていなかったようだ。
:出典:
[REFS[

-[25] 
[CITE[HTML DTD issues]], 
[DATA(.author)[[[Dan Connolly]]]],
[TIME(.published)[Thu, 19 Nov 92 04:37:23 CST][1992-11-19T04:37:23-06:00]],
[TIME[2003-08-04T15:50:21.000Z]], [TIME[2024-08-12T08:33:49.120Z]] <https://lists.w3.org/Archives/Public/www-talk/1992NovDec/0068.html>
-[26] 
[CITE[Re: HTML DTD issues]], 
[DATA(.author)[[[Tim Berners-Lee]]]],
[TIME(.published)[Thu, 19 Nov 92 14:32:11 +0100][1992-11-19T14:32:11+01:00]],
[TIME[2003-08-04T15:50:21.000Z]], [TIME[2024-08-12T09:03:57.925Z]] <https://lists.w3.org/Archives/Public/www-talk/1992NovDec/0072.html>

]REFS]

]FIG]

[17] [CITE@en-US[The difference between UL and OL elements in HTML]]
( ([TIME[2011-12-05 06:51:49 +09:00]] 版))
<http://www.cs.tut.fi/~jkorpela/html/ul-ol.html>

[18] [CITE[''''''[''''''whatwg'''''']'''''' Suggest making <dt> and <dd> valid in <ol>]]
( ([TIME[2012-07-16 16:12:13 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036629.html>

[19] [CITE@en[Re: ''''''[''''''css3-lists'''''']'''''' padding-left on <ol> and <ul> elements]]
( ([[Gérard Talbot]] 著, [TIME[2014-02-22 23:09:24 +09:00]] 版))
<http://lists.w3.org/Archives/Public/www-style/2014Feb/0654.html>

[20] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:39:35 +09:00]] 版))
<https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1024>

[2] [CITE@en[17632 – Define rendering of <li> elements in terms of CSS (handling start="", reverse="", value="", and <li> elements that aren't children of <ol> elements)]]
([TIME[2015-08-31 12:30:18 +09:00]] 版)
<https://www.w3.org/Bugs/Public/show_bug.cgi?id=17632>

[6] [CITE@en[27185 – Make <ol start=""> accept an ID as well as a number, or some such]]
([TIME[2016-03-29 11:18:55 +09:00]] 版)
<https://www.w3.org/Bugs/Public/show_bug.cgi?id=27185>

[7] [CITE@en[Make <li> ordinal value calculation precise]]
([[domenic]]著, [TIME[2016-08-04 18:55:35 +09:00]])
<https://github.com/whatwg/html/commit/5fe3dbb016f40f0b7af0538dae9adc134be29c3f>

[8] [CITE@en[Fix how <li>s are numbered and associated with <ol>s]]
([[domenic]]著, [TIME[2016-11-09 04:06:54 +09:00]])
<https://github.com/whatwg/html/commit/fd726b069bee2c73600fbccac8e36f8783549bfc>

[21] [CITE@en[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)]]
([TIME[2016-11-29 12:45:33 +09:00]])
<https://www.w3.org/Bugs/Public/show_bug.cgi?id=17632>

[22] [CITE@en[Remove never-reached list item ordinal value condition]]
([[domenic]]著, [TIME[2017-02-08 23:46:43 +09:00]])
<https://github.com/whatwg/html/commit/feb1db4821535978d09de4564e37719937e2d1b1>

[23] [CITE@en[dfn what it means for elements to be “referenced”]]
([[sideshowbarker]]著, [TIME[2017-07-15 19:05:30 +09:00]])
<https://github.com/whatwg/html/commit/d0872abf29373f284c93434875e2e30d12602081>

[24] [CITE[Roman Numbers]]
([TIME[2006-03-29T16:27:01.000Z]], [TIME[2020-12-27T02:10:12.372Z]])
<https://smallbear.sakura.ne.jp/tron/roman.html>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)