<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="23" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[23]</anchor-end> <abbr>HTML<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Hypertext Markup Language</title></abbr> の
<dfn><code class="HTMLe">dir</code> 要素型</dfn>の要素 (directory list)
は、多行表示の並びを表します。 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Un|x</anchor> の <kbd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ls</anchor></kbd>
命令の表示や、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Windoze</anchor> の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ListView</anchor> control
の<q>小さなアイコン</q>や<q>一覧</q>表示のような感じです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="24" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[24]</anchor-end><dl><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">開始タグ</anchor></dt><dd>必須</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">終了タグ</anchor></dt><dd>必須</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">内容模型</anchor></dt><dd><code class="SGML">(<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">li</anchor></code>)+</code></dd><dt>出現できる文脈</dt><dd><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">list</anchor>;</code> な文脈</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor></dt><dd><table><tbody><tr><td>属性名</td><td>属性値</td><td>既定値</td><td>説明</td><td>出典</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">class</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">級</anchor></td><td>[HTML4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">coreattr</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">compact</anchor></code></td><td>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">真偽値属性</anchor>)</td><td>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">偽</anchor>)</td><td>コンパクト表示</td><td>[HTML4] 非推奨</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dir</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">書字方向</anchor></td><td>[HTML4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">i18n</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">id</anchor></code></td><td></td><td></td><td>一意識別子</td><td>[HTML4] %coreattr</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">lang</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">自然言語</anchor></td><td>[HTML4] %i18n</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">xml</anchor>:lang</code></td><td></td><td></td><td>自然言語</td><td>[XHTML1]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onclick</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">events</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ondblclick</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeydown</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeypress</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeyup</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmousedown</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmousemove</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseout</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseover</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseup</anchor></code></td><td></td><td></td><td></td><td>[HTML4] %events</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">style</anchor></code></td><td></td><td></td><td>スタイル情報</td><td>[HTML4] %coreattr</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">title</anchor></code></td><td></td><td></td><td>注釈的題</td><td>[HTML4] %coreattr</td></tr><tr><td><code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor></code></td><td></td><td></td><td></td><td>非標準</td><td>[Vodafone]</td></tr></tbody></table></dd></dl></p><section><h1>仕様書</h1><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="40" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[40]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/lists.html#edef-DIR&quot;">IW:HTML4:&quot;struct/lists.html#edef-DIR&quot;</anchor-external></li></ul></li></ul></section><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="39" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[39]</anchor-end>
この要素は <abbr>HTML<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Hypertext Markup Language</title></abbr> 4 
では<strong>非推奨</strong>で、代わりに <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ul</anchor></code>
を使うことが<strong>強く</strong>推奨されています。</p></section><section><h1>レンダリング</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="25" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[25]</anchor-end> <abbr>HTML<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Hypertext Markup Language</title></abbr> 4 仕様書が 
<q>The <code class="HTMLe">DIR</code> element was designed to be used for creating multicolumn directory lists.</q>
と言っているように、 <code class="HTMLe">dir</code> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">物理要素</anchor>であり、
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="23" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;23</anchor-internal> のようなレンダリングを想定しています。</p><p>しかし、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Classic Mozilla</anchor> や 
<abbr><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE</anchor><title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Internet Explorer (Windows 版)</title></abbr> 
をはじめとして、ここ数年のほとんどのブラウザは、 <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ul</anchor></code> 
と同じようにレンダリングします。</p></section><section><h1>歴史</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="44" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[44]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Line Mode Browser</anchor>の1.2a (1992年2月?)で、
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dir</anchor></code>と<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">menu</anchor></code>が将来使用するためとして導入されています。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><cite xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">Change History of Line Mode Browser</cite> 
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/LineMode/User/Features.html">http://www.w3.org/LineMode/User/Features.html</anchor-external></comment-p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="38" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[38]</anchor-end> 1993年1月に <abbr>Dan<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Daniel W. Connolly</title></abbr> は
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ul</anchor></code> と <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dir</anchor></code> と
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">menu</anchor></code> の別は見た目で定義されており、
意味で定義するべきだと述べています。</p><p>それに対して <abbr>Tim<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Tim Berners‐Lee</title></abbr> は、
<q>論理的・意味的なマーク付けは好きだけど、 HTML は広範囲の意味・データを扱うし、要素型名は覚えやすいようにつけてあるのだ</q>
と言ってます。</p><p><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q1.messages/64.html">http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q1.messages/64.html</anchor-external></p><section><h1>HTML5</h1><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[21]</anchor-end> 
<cite xml:lang="en"><strong>[</strong><strong>]</strong> (0) Define handling of &lt;listing&gt;, &lt;plaintext&gt;, &lt;acronym&gt;, &lt;xmp&gt;, &lt;…</cite>, <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Hixie</anchor>, <time>2009-07-31 08:21:23 +09:00</time>, <time>2024-09-06T08:25:39.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/74c22f9103edfbf4f376bb183f80ee569674217b#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d">https://github.com/whatwg/html/commit/74c22f9103edfbf4f376bb183f80ee569674217b#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d</anchor-external></li></ul><figure class="data"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="216" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[216]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML要素概説</anchor></figcaption><dl><dt><f xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素名</f></dt><dd><code>dir</code></dd><dt>日付</dt><dd><time>2009-07-31</time></dd><dt>説明</dt><dd>
<time>2009-07-31</time>、
<cite>HTML5</cite>
で
<code>dir</code>
の処理が規定された。</dd><dt>出典</dt><dd><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li>
<cite>HTML5 r3502</cite>,
<data itemprop="author"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Hixie</anchor></data>, 
<time itemprop="published">2009-07-31 08:21:23 +09:00</time>, <time>2024-09-06T08:25:39.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/74c22f9103edfbf4f376bb183f80ee569674217b">https://github.com/whatwg/html/commit/74c22f9103edfbf4f376bb183f80ee569674217b</anchor-external></li></ul></refs></dd></dl></figure><figure class="quote"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <cite xml:lang="ja">法律第二十九号(昭二三・四・二八)</cite>
(<time>2017-11-01 09:15:27 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.shugiin.go.jp/internet/itdb_housei.nsf/html/houritsu/00219480428029.htm">http://www.shugiin.go.jp/internet/itdb_housei.nsf/html/houritsu/00219480428029.htm</anchor-external></figcaption><blockquote><p>&lt;P class=&quot;hj1pj&quot;&gt;法律第二十九号(昭二三・四・二八)&lt;/P&gt;</p><p>&lt;DIV id=&quot;TopContents&quot; tabindex=&quot;200&quot;&gt;&lt;/DIV&gt;&lt;A NAME=&quot;AA00001&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;◎夏時刻法&lt;/P&gt;&lt;DIR&gt;</p><p>&lt;A NAME=&quot;CA00002&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;第一条 毎年、四月の第一土曜日の午後十二時から九月の第二土曜日の翌日の午前零時までの間は、すべて中央標準時より一時間進めた時刻(夏時刻)を用いるものとする。但し、特に中央標準時によることを定めた場合は、この限りでない。&lt;/P&gt;</p><p>&lt;A NAME=&quot;CA00003&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;第二条 四月の第一土曜日の翌日(日曜日)は二十三時間をもつて一日とし、九月の第二土曜日は二十五時間をもつて一日とする。&lt;/P&gt;&lt;/DIR&gt;</p><p>&lt;A NAME=&quot;CA00004&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;夏時刻の期間中のその他の日はすべて二十四時間をもつて一日とする。&lt;/P&gt;&lt;DIR&gt;</p><p>&lt;A NAME=&quot;CA00005&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;第三条 この法律の施行に関し、時間の計算に関する他の法律の規定の適用について必要な事項は、政令で、これを定める。&lt;/P&gt;&lt;/DIR&gt;</p><p>&lt;A NAME=&quot;DA00006&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;附 則&lt;/P&gt;</p><p>&lt;A NAME=&quot;DA00007&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;この法律は、公布の日から、これを施行する。&lt;/P&gt;</p><p>&lt;A NAME=&quot;DA00008&quot;&gt;&lt;/A&gt;&lt;P class=&quot;hj1pj&quot;&gt;この法律の適用については、昭和二十三年においては、この法律の第一条及び第二条において「四月の第一土曜日」とあるのは、「五月の第一土曜日(五月一日)」とする。&lt;/P&gt;</p><p>&lt;P class=&quot;hj1pr&quot;&gt;(内閣総理・外務・大蔵大臣・法務総裁・文部・厚生・農林・商工・運輸・逓信・労働大臣署名)&lt;/P&gt;&lt;/DIV&gt;</p><p>&lt;DIV id=&quot;FooterBlock&quot;&gt;</p></blockquote></figure><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">インデント</anchor>目的で使ってるっぽい? (それにしても第二項が変なインデントになってたりしておかしい。)</p></section></section></body></html>