8.- Un poco más sobre la etiqueta <h> </h> 


¿Por qué hay varias etiquetas <h>:  <h1>, <h2>, <h3>, <h4>?

Porque nuestro texto fuente tenía una jerarquía, ¿recuerdas?. Había un Título, dentro de él había una o varias Secciones, dentro de la Sección una o varias Partes, dentro de la parte uno o varios Capítulos, y dentro de los capítulos muchos párrafos, algo así:

  • TÍTULO
    • PRIMER PARTE
      • SECCIÓN PRIMERA
        • CAPÍTULO 1
        • Párrafo
        • Párrafo
        • etc..

Bien. Pues las etiquetas <h> sirven para identificar esta jerarquía:

  • TÍTULO → iría etiquetado como <h1> </h1>
    • PRIMER PARTE → iría etiquetado como <h2> </h2>
      • SECCIÓN PRIMERA → iría etiquetado como <h3> </h3>
        • CAPÍTULO 1 → iría etiquetado como <h4> </h4>
        • Párrafo → los párrafos van etiquetados todos igual como <p> </p>
        • etc..

¡Quiz!

¿Tienes claro lo de las jerarquías y los encabezados? Vamos a comprobarlo:

¿Qué etiqueta crees que deberías poner en el siguiente ejemplo?

  • TÍTULO = <h1> </h1>
    • PRIMER PARTE = <h2> </h2>
      • SECCIÓN PRIMERA = <h3> </h3>
        • CAPÍTULO 1 = <h4> </h4>
        • Párrafo = <p> </p>
      • SECCIÓN SEGUNDA = ¿<h3> </h3>? ¿O por el contrario <h5> </h5>?
        • CAPÍTULO 1 = <h4> </h4>
        • Párrafo = <p> </p>
        • CAPÍTULO 2 = <h5> </h5> ¿O por el contrario <h4> </h4>?
        • Párrafo = <p> </p>
    • SEGUNDA PARTE = __________________ ¿y aquí, qué pongo?

Pues si lo quieres saber pincha aquí para obtener la respuesta.