Se utiliza para hacer una lista de títulos de directorio. No es compatible con HTML 5 <ul> o CSS se utilizan en lugar de la etiqueta <dir>.
Sintaxis:
<dir> Lists... </dir>
El siguiente ejemplo ilustra la etiqueta <dir> en HTML:
Ejemplo:
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h2><dir> Tag</h2> <p>List of all computer science subjects:</p> <!-- dir tag starts here--> <dir> <li>Operating system</li> <li>Data Structures</li> <li>computer network</li> <li>Dbms</li> <li>Oops</li> </dir> <!-- dir tag ends here--> </body> </html>
Producción:
Atributos opcionales: esta etiqueta contiene atributos individuales Compact , que es opcional. Se utiliza para especificar que el tamaño de la lista se haga más pequeño de lo normal al reducir el espacio entre los elementos de la lista. Es un atributo booleano.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>dir tag</title>
<style>
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
.geeks {
font-size:25px;
font-weight:bold;
}
</style>
</head>
<body>
<div class = "gfg">GeeksforGeeks</div>
<div class = "geeks"><dir> Tag</div>
<p>List of all computer science subjects:</p>
<dir compact>
<li>Operating system</li>
<li>Data Structures</li>
<li>computer network</li>
<li>Dbms</li>
<li>Oops</li>
</dir>
</body>
</html>
Producción:
Nota: el atributo compacto no es compatible con ningún navegador.
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA