---
title: <dir>：目录元素（已废弃）
slug: Web/HTML/Element/dir
tags:
  - HTML
  - 列表
  - 已废弃
  - 目录
translation_of: Web/HTML/Element/dir
---
<div>{{Obsolete_header()}}</div>

<p><span class="seoSummary">已废弃的 <strong>HTML 目录元素</strong>（<strong><code>&lt;dir&gt;</code></strong>）被作为一个文件和/或文件夹的目录的容器，可能还有 {{Glossary("user agent", "用户代理")}} 应用的样式与图标。</span> Do not use this obsolete element; instead, you should use the {{HTMLElement("ul")}} element for lists, including lists of files.</p>

<div class="note"><strong>用法注解</strong>：不要使用这个元素。虽然它出现在早期的 HTML 规范中，它已经在 HTML4 中废除了，并且在 <a href="/en-US/docs/Web/Guide/HTML/HTML5" title="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> 中过时。使用 {{HTMLElement("ul")}} 来代替。</div>

<h2 id="DOM_接口">DOM 接口</h2>

<p>元素实现了 {{domxref("HTMLDirectoryElement")}} 接口。</p>

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

<p>就像其它 HTML 元素，这个元素支持 <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">全局属性</a>。</p>

<dl>
 <dt>{{htmlattrdef("compact")}}</dt>
 <dd>这个布尔属性表明，列表应该以紧凑样式显示。这个属性的实现取决于浏览器，并且不在所有浏览器中工作。
 <div class="note">用法注解：不要使用这个属性，因为它已经废除了： {{HTMLElement("dir")}} 元素应该使用 CSS 来设计。为了提供 <code>compact</code> 属性的相似效果，可以使用 <a href="/en-US/docs/CSS" title="CSS">CSS</a> 属性 {{cssxref("line-height")}}，值为 <code>80%</code> 。</div>
 </dd>
</dl>

<h2 id="另见">另见</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="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS 计数器</a>，用于处理复杂的嵌套列表。</li>
   <li>{{Cssxref('line-height')}} 属性，用于模拟废除的 {{htmlattrxref("compact", "dir")}} 属性。.</li>
   <li>{{cssxref('margin')}} 属性，用于控制列表的缩进。</li>
  </ul>
 </li>
</ul>

<div>{{HTMLRef}}</div>