1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
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><dir></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;"><dir></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>
|
