Etiquetas de agrupación de contenido

Etiquetas de agrupación de contenido

En HTML, tenemos una gran cantidad de etiquetas con un unico objetivo: facilitar la organización o agrupación del contenido.
Vamos a analizar las siguientes etiquetas:
  • <p>
  • : Etiqueta de párrafo.
  • <address>
  • : Etiqueta localizada en el footer donde podemos añadir información de contacto. Da un formato de texto en cursiva.
  • <hr>
  • : Consiste en dar un salto con un separador de linea que incluye por defecto.
  • <pre>
  • : No hay que confundir con la etiqueta p. Solo da un preformato de texto. Lee todo texto, salto de linea, tabulación...
  • <blockquote>
  • : Consiste en introducir una sección pero indicando la relación de fuente de información. Los navegadores aplicarán una sangria a todo el texto por defecto.



  • <ol> , <ul> , <li>
  • : Pertenecen a los elementos más usados hoy en día en diseño web. Determina una lista de información pero también se utiliza para hacer un menú (diseño CSS).


    Lista con (ul y li) y con (ol y li)



  • <dl> <dt> y <dd>
  • : Lista descriptiva. Su uso es muy interensante para un diccionario de términos donde la etiqueta dt va a ser la palabra y dd la definición de la palabra.
    Todo esto va englobado en la etiqueta




    <figcaption>: Etiqueta que consiste en dar una leyenda a una imagen. Tanto la imagen como <figcaption>, va dentro de una etiqueta llamada <figure>.



    Muy importante: figurecaption no es equivalente al atributo alt de la etiqueta img. Si la imagen no existe o es imposible de leer, aparecerá el valor alt: