W3docs

Etiqueta HTML <dir>

The <dir> tag is used to list directory titles. The tag is obsolete in HTML5. See what to use instead.

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>:

<!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 dir

Ejemplo de la propiedad CSS list-style:

<!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

AtributoValorDescripción
compactcompactIndica 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

Práctica

¿Qué hace la etiqueta HTML 'dir'?