Tag HTML <dir>

Tag dir é o assunto deste post. Isso contribuirá para o processo de aprendizagem.

A <dir>tag em HTML é uma tag antiga e não padrão que era usada para criar uma lista de diretórios de arquivos e pastas. Não é recomendado usar esta tag em HTML moderno, pois ela está obsoleta e não é mais suportada pelos principais navegadores da web.

Crie uma lista de diretórios usando <ul> :

Example:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
<ul>
<li>python</li>
<li>java</li>
<li>ruby</li>
</ul>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Pode usar CSS para reduzir a altura da linha em uma lista:

Example:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
<ul style="line-height:80%">
<li>python</li>
<li>java</li>
<li>C++</li>
</ul>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo detalhado do ul e li com CSS:

Example:

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
<!DOCTYPE html>
<html>
<head>
<style>
#directory-list {
list-style-type: none;
padding: 0;
margin: 0;
}
#directory-list li {
display: inline-block;
padding: 10px;
margin: 0;
background-color: #f2f2f2;
border-radius: 10px;
}
#directory-list li ul {
display: none;
}
#directory-list li:hover ul {
display: block;
position: absolute;
margin-top: 10px;
background-color: #f2f2f2;
border-radius: 10px;
}
</style>
</head>
<body>
<ul id="directory-list">
<li>Home</li>
<li>About</li>
<li>Services
<ul>
<li>Web Design</li>
<li>Graphic Design</li>
<li>SEO</li>
</ul>
</li>
<li>Contact</li>
</ul>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exemplo de Explicação

Neste exemplo, a tag <ul> cria uma lista não ordenada, o atributo id é usado para direcionar a lista com css, o css é usado para remover os marcadores, adicionar padding, background-color, border-radius e ocultar o aninhado list e mostrá-lo quando passou o mouse sobre o item da lista pai.

Índice-

Marca HTML <dir>:
- Visão geral do HTML <dir>:
- HTML5 não suportado:

Visão geral do HTML <dir>

A tag <dir> foi usada em versões anteriores do HTML para criar uma lista de diretórios de arquivos e pastas. No entanto, não é recomendável usar essa tag no HTML moderno, pois ela está obsoleta e não é mais suportada pelos principais navegadores da web. Em vez disso, é recomendável usar as tags <ul> (lista não ordenada) ou <ol> (lista ordenada) para criar listas de arquivos e pastas e usar CSS para estilizá-los conforme necessário.

Dito isso, o principal uso da tag <dir> era criar uma estrutura hierárquica de arquivos e diretórios para exibição em uma página da web. Ele permitia que os desenvolvedores da web criassem uma lista aninhada de arquivos e pastas, com subpastas representadas como listas aninhadas dentro da lista principal.

Além de exibir arquivos e pastas, a tag <dir> também pode ser usada para representar outros tipos de dados hierárquicos, como um sumário ou uma estrutura de menu.

No entanto, devido ao seu status obsoleto e à falta de suporte dos navegadores da Web modernos, não é recomendável usar a tag <dir> para qualquer finalidade no HTML moderno.

HTML5 não suportado

O <dir> foi implementado no HTML 4 para listar os títulos dos diretórios.

Se este artigo foi informativo o suficiente para atender aos seus desejos educacionais, deixe sua reação abaixo, refletindo sua experiência neste site.

Nós valorizamos o seu feedback.

Tag HTML <dir>

Example:

Example:

Example:

Exemplo de Explicação

Visão geral do HTML <dir>

HTML5 não suportado

Sentindo entediado?