Etiqueta HTML <dir>
La etiqueta <dir> se utiliza para definir una lista de títulos de directorio. Los elementos dentro de la lista se definen mediante la <li> etiqueta (al igual que en las listas HTML que se definen usando las etiquetas <ol> y <ul>). La lista de títulos de directorio se marca con viñetas de forma predeterminada.
DANGER
La etiqueta <dir> es una etiqueta HTML obsoleta y no está soportada en HTML5. Utilice la etiqueta <ul> y la propiedad CSS list-style en su lugar (vea los ejemplos a continuación).
Sintaxis
La etiqueta <dir> se escribe en pares. El contenido se escribe entre las etiquetas de apertura (<dir>) y cierre (</dir>).
Ejemplo de la etiqueta HTML <dir>:
Tutoriales|Ejemplo de la etiqueta HTML <dir>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<dir>
<li>HTML Tutorial</li>
<li>CSS Tutorial</li>
<li>PHP Tutorial</li>
</dir>
</body>
</html>Resultado
Ejemplo de la propiedad CSS list-style:
Lista de tutoriales|Ejemplo de la etiqueta HTML <dir>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ul {
list-style: disc;
}
</style>
</head>
<body>
<ul>
<li>HTML Tutorial</li>
<li>CSS Tutorial</li>
<li>PHP Tutorial</li>
</ul>
</body>
</html>Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| compact | compact | Indica que la lista debe renderizarse más pequeña de lo normal. No está soportada en HTML5. |
La etiqueta <dir> también admite los Atributos Globales y los Atributos de Eventos.
Práctica
¿Qué hace la etiqueta HTML 'dir'?