---
title: '<dir>: ディレクトリ要素 (廃止)'
slug: Web/HTML/Element/dir
tags:
  - Directory
  - Element
  - HTML
  - HTML Lists
  - Obsolete
  - Reference
  - Web
  - dir
  - lists
translation_of: Web/HTML/Element/dir
---
<div>{{HTMLRef}}{{Obsolete_header()}}</div>

<p><span class="seoSummary">廃止された <strong>HTML のディレクトリ要素</strong> (<strong><code>&lt;dir&gt;</code></strong>) は、 {{Glossary("user agent","ユーザーエージェント")}}が適用するスタイルやアイコンを用いて表示する、ファイルやフォルダーのディレクトリのコンテナとして使われます。</span>この要素は廃止されたので使わないで下さい。代わりに、ファイル一覧を含め、一覧には {{HTMLElement("ul")}} 要素を使用してください。</p>

<div class="note"><strong>使用上の注意:</strong> この要素は使用しないでください。この要素は HTML の初期の仕様で定義されていましたが、 HTML 4 で非推奨要素に指定され、完全に廃止されました。<strong>この要素に対応している主要なブラウザーはありません。</strong></div>

<h2 id="DOM_interface" name="DOM_interface">DOM インターフェイス</h2>

<p>この要素は {{domxref("HTMLDirectoryElement")}} インターフェイスを実装しています。</p>

<h2 id="Attributes" name="Attributes">属性</h2>

<p>他のすべての HTML 要素と同様、この要素は<a href="/ja/docs/HTML/Global_attributes">グローバル属性</a>に対応しています。</p>

<dl>
 <dt>{{htmlattrdef("compact")}}</dt>
 <dd>この真偽値の属性はコンパクトなスタイルでディレクトリ一覧をレンダリングするようブラウザーにヒントを与えるものです。この属性の解釈はユーザーエージェントに委ねられ、また全てのブラウザーで動作するものでもありません。
 <div class="note"><strong>使用上の注意:</strong> この属性は既に廃止されている為、使用しないで下さい。 {{HTMLElement("dir")}} 要素の整形には <a href="/ja/docs/CSS" title="CSS">CSS</a> を用いましょう。 <code>compact</code> 属性を指定した場合と同様の視覚効果は、 <a href="/ja/docs/CSS" title="CSS">CSS</a> の {{cssxref("line-height")}} プロパティに <code>80%</code> を指定することで得ることができます。</div>
 </dd>
</dl>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>

<p>{{Compat("html.elements.dir")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li>その他のリストに関する HTML 要素: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}}</li>
 <li><code>&lt;dir&gt;</code> 要素を整形するのに特に有用な CSS プロパティ:
  <ul>
   <li>{{cssxref('list-style')}} は行頭記号の表示方法を選択するのに便利です。</li>
   <li><a href="/ja/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters">CSS counter</a> は、複雑な入れ子リストの扱いに便利です。</li>
   <li>{{Cssxref('line-height')}} プロパティは、非推奨の {{htmlattrxref("compact", "dir")}} 属性の代替になります。</li>
   <li>{{cssxref('margin')}} プロパティは、リストのインデントを制御するのに便利です。</li>
  </ul>
 </li>
</ul>