[23] [ABBR[HTML] [Hypertext Markup Language]] の
[DFN[[CODE(HTMLe)[dir]] 要素型]]の要素 (directory list)
は、多行表示の並びを表します。 [[Un|x]] の [KBD[[[ls]]]]
命令の表示や、 [[Windoze]] の [[ListView]] control
の[Q[小さなアイコン]]や[Q[一覧]]表示のような感じです。

[24]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[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)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr
,[CODE(HTMLa)@en[[[type]]]]	,	,	,	,非標準	,[Vodafone]

* 仕様書

- [40] [[HTML 4]]
-- <IW:HTML4:"struct/lists.html#edef-DIR">

* 代替

[39]
この要素は [ABBR[HTML] [Hypertext Markup Language]] 4 
では'''非推奨'''で、代わりに [CODE(HTMLe)[[[ul]]]]
を使うことが'''強く'''推奨されています。

* レンダリング

[25] [ABBR[HTML] [Hypertext Markup Language]] 4 仕様書が 
[Q[The [CODE(HTMLe)[DIR]] element was designed to be used for creating multicolumn directory lists.]]
と言っているように、 [CODE(HTMLe)[dir]] は[[物理要素]]であり、
>>23 のようなレンダリングを想定しています。

しかし、 [[Classic Mozilla]] や 
[ABBR[[[WinIE]]] [Internet Explorer (Windows 版)]] 
をはじめとして、ここ数年のほとんどのブラウザは、 [CODE(HTMLe)[[[ul]]]] 
と同じようにレンダリングします。

* 歴史

[44]
[[Line Mode Browser]]の1.2a (1992年2月?)で、
[CODE(HTMLe)@en[[[dir]]]]と[CODE(HTMLe)@en[[[menu]]]]が将来使用するためとして導入されています。

;; [CITE@en[Change History of Line Mode Browser]] 
<http://www.w3.org/LineMode/User/Features.html>

[38] 1993年1月に [ABBR[Dan] [Daniel W. Connolly]] は
[CODE(HTMLe)[[[ul]]]] と [CODE(HTMLe)[[[dir]]]] と
[CODE(HTMLe)[[[menu]]]] の別は見た目で定義されており、
意味で定義するべきだと述べています。

それに対して [ABBR[Tim] [Tim Berners‐Lee]] は、
[Q[論理的・意味的なマーク付けは好きだけど、 HTML は広範囲の意味・データを扱うし、要素型名は覚えやすいようにつけてあるのだ]]
と言ってます。

<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q1.messages/64.html>

** HTML5



- [21] 
[CITE@en['''['''''']''' (0) Define handling of <listing>, <plaintext>, <acronym>, <xmp>, <…]], [[Hixie]], [TIME[2009-07-31 08:21:23 +09:00]], [TIME[2024-09-06T08:25:39.000Z]] <https://github.com/whatwg/html/commit/74c22f9103edfbf4f376bb183f80ee569674217b#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>




[FIG(data)[ [216] [[HTML要素概説]]

:[F[要素名]]:[CODE[dir]]
:日付:[TIME[2009-07-31]]
:説明:
[TIME[2009-07-31]]、
[CITE[HTML5]]
で
[CODE[dir]]
の処理が規定された。
:出典:
[REFS[

-
[CITE[HTML5 r3502]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2009-07-31 08:21:23 +09:00]], [TIME[2024-09-06T08:25:39.000Z]] <https://github.com/whatwg/html/commit/74c22f9103edfbf4f376bb183f80ee569674217b>

]REFS]

]FIG]






[FIG(quote)[
[FIGCAPTION[
[1] [CITE@ja[法律第二十九号(昭二三・四・二八)]]
([TIME[2017-11-01 09:15:27 +09:00]])
<http://www.shugiin.go.jp/internet/itdb_housei.nsf/html/houritsu/00219480428029.htm>
]FIGCAPTION]

> <P class="hj1pj">法律第二十九号(昭二三・四・二八)</P>
> <DIV id="TopContents" tabindex="200"></DIV><A NAME="AA00001"></A><P class="hj1pj">◎夏時刻法</P><DIR>
> <A NAME="CA00002"></A><P class="hj1pj">第一条 毎年、四月の第一土曜日の午後十二時から九月の第二土曜日の翌日の午前零時までの間は、すべて中央標準時より一時間進めた時刻(夏時刻)を用いるものとする。但し、特に中央標準時によることを定めた場合は、この限りでない。</P>
> <A NAME="CA00003"></A><P class="hj1pj">第二条 四月の第一土曜日の翌日(日曜日)は二十三時間をもつて一日とし、九月の第二土曜日は二十五時間をもつて一日とする。</P></DIR>
> <A NAME="CA00004"></A><P class="hj1pj">夏時刻の期間中のその他の日はすべて二十四時間をもつて一日とする。</P><DIR>
> <A NAME="CA00005"></A><P class="hj1pj">第三条 この法律の施行に関し、時間の計算に関する他の法律の規定の適用について必要な事項は、政令で、これを定める。</P></DIR>
> <A NAME="DA00006"></A><P class="hj1pj">附 則</P>
> <A NAME="DA00007"></A><P class="hj1pj">この法律は、公布の日から、これを施行する。</P>
> <A NAME="DA00008"></A><P class="hj1pj">この法律の適用については、昭和二十三年においては、この法律の第一条及び第二条において「四月の第一土曜日」とあるのは、「五月の第一土曜日(五月一日)」とする。</P>
> <P class="hj1pr">(内閣総理・外務・大蔵大臣・法務総裁・文部・厚生・農林・商工・運輸・逓信・労働大臣署名)</P></DIV>
> <DIV id="FooterBlock">

]FIG]

[2] [[インデント]]目的で使ってるっぽい? (それにしても第二項が変なインデントになってたりしておかしい。)