1 files changed, 64 insertions, 0 deletions
diff --git a/files/pt-br/web/html/element/dir/index.html b/files/pt-br/web/html/element/dir/index.html
new file mode 100644
index 0000000000..d73763c91e
--- /dev/null
+++ b/files/pt-br/web/html/element/dir/index.html
@@ -0,0 +1,64 @@
+---
+title: '<dir>:  O elemento obsoleto Directory'
+slug: Web/HTML/Element/dir
+tags:
+  - Agrupando conteúdo HTML
+  - Directory
+  - Elemento
+  - HTML
+  - Listas HTML
+  - Obsoleto
+  - Referencia
+  - Web
+  - dir
+  - listas
+translation_of: Web/HTML/Element/dir
+---
+<div>{{Obsolete_header()}}</div>
+
+<p>O elemento de diretório HTML obsoleto (<span class="seoSummary"><strong><code>&lt;dir&gt;</code></strong>) é usado como um contêiner para um diretório de arquivos e/ou pastas, potencialmente com estilos e ícones aplicados pelo {{Glossary("user agent")}}.</span> Não use este elemento obsoleto; em vez disso, você deve usar o {{HTMLElement("ul")}} elemento para listas, incluindo listas de arquivos.</p>
+
+<div class="note">Nota de uso: não use este elemento. Embora presente nas primeiras especificações do HTML, foi descontinuado no HTML 4 e, desde então, foi totalmente removido. Nenhum dos principais navegadores suporta esse elemento.</div>
+
+<h2 id="DOM_interface">DOM interface</h2>
+
+<p> </p>
+
+<p>Este elemento implementa a interface {{domxref("HTMLDirectoryElement")}}.</p>
+
+<h2 id="Atributos">Atributos</h2>
+
+<p>Como todos os outros elementos HTML, este elemento suporta os <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">global attributes</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("compact")}}</dt>
+ <dd>Este atributo booleano indica que a lista deve ser renderizada em um estilo compacto. A interpretação deste atributo depende do agente do usuário e não funciona em todos os navegadores.
+ <div class="note">Nota de uso: não use este atributo, pois ele foi descontinuado: o {{HTMLElement("dir")}} elemento deve ser estilizado usando  <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Para dar um efeito semelhante ao alcançado com o  atributo <code>compact</code>, a propriedade <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("line-height")}} pode ser usado com um valor de <code>80%</code>.</div>
+ </dd>
+</dl>
+
+<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
+
+<div class="hidden"> </div>
+
+<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você quiser contribuir com os dados, confira <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pedido de pull.</div>
+
+<p>{{Compat("html.elements.dir")}}</p>
+
+<h2 id="Veja_também">Veja também</h2>
+
+<ul>
+ <li>Outros relacionados a lista de elementos HTML: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, e {{HTMLElement("menu")}};</li>
+ <li>Propriedades CSS que podem ser especialmente úteis para estilizar o <span style="font-size: 1rem; letter-spacing: -0.00278rem;">elemento </span><code style="font-size: 1rem; letter-spacing: -0.00278rem;">&lt;dir&gt;</code><span style="font-size: 1rem; letter-spacing: -0.00278rem;"> :</span>
+  <ul>
+   <li>A propriedade {{cssxref('list-style')}}, útil para escolher a maneira como o ordinal é exibido.</li>
+   <li><a href="https://developer.mozilla.org/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, útil para lidar com listas aninhadas complexas.</li>
+   <li>A propriedade {{Cssxref('line-height')}}, útil para simular o atributo obsoleto {{htmlattrxref("compact", "dir")}}.</li>
+   <li>A propriedade {{cssxref('margin')}}, útil para controlar o recuo da lista.</li>
+  </ul>
+ </li>
+</ul>
+
+<div>
+<p>{{HTMLRef}}</p>
+</div>