initial commit

1 files changed, 46 insertions, 0 deletions

diff --git a/files/zh-cn/web/html/element/dir/index.html b/files/zh-cn/web/html/element/dir/index.html
new file mode 100644
index 0000000000..5fe16cbc8c
--- /dev/null
+++ b/files/zh-cn/web/html/element/dir/index.html
@@ -0,0 +1,46 @@
+---
+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>