Headers (<h1>, <h2>, ..., <h6>) in HTML

Los encabezados son elementos fundamentales que se utilizan para definir títulos y subtítulos en una página web. En HTML, existen seis niveles de encabezados, desde <h1> hasta <h6>, cada uno con un tamaño y un nivel de importancia progresivamente menor. Aquí tienes una descripción detallada de cada uno:

1. <h1> - Encabezado de nivel 1:

   • Este es el encabezado más importante de la página.
   • Debe usarse para el título principal o el encabezado más destacado de la página.
   • Generalmente, solo debe haber un <h1> por página.

2. <h2> - Encabezado de nivel 2:

   • El segundo encabezado en importancia después del <h1>.
   • Se utiliza para subtítulos principales o secciones de la página.
   • Puede haber varios <h2> en una página.

3. <h3> - Encabezado de nivel 3:

   • Un paso más bajo en la jerarquía de títulos.
   • Utilizado para subdivisiones de las secciones marcadas por <h2>.
   • Puede haber múltiples <h3> bajo un <h2>.

4. <h4> - Encabezado de nivel 4:

   • Un encabezado de nivel inferior en la jerarquía.
   • A menudo se utiliza para subsecciones de contenido marcadas por <h3>.
   • Puedes tener múltiples <h4> bajo un <h3>.

5. <h5> - Encabezado de nivel 5:

   • Un encabezado de nivel aún menor en importancia.
   • Se usa para subdivisiones de contenido marcadas por <h4>.
   • Al igual que los anteriores, se pueden tener múltiples <h5> bajo un <h4>.

6. <h6> - Encabezado de nivel 6:

   • El encabezado de nivel más bajo en HTML.
   • Utilizado para subdivisiones muy específicas del contenido marcadas por <h5>.
   • De manera similar a los otros, puedes tener múltiples <h6> bajo un <h5>.

Ejemplo de cómo se ven estos encabezados en HTML:

<h1>Este es un título principal</h1>
<h2>Este es un subtítulo</h2>
<h3>Subsección 1</h3>
<h4>Subsección 1.1</h4>
<h5>Subsección 1.1.1</h5>
<h6>Subsección 1.1.1.1</h6>
<h3>Subsección 2</h3>

Es importante usar encabezados de manera jerárquica y semántica en tu página web, ya que no solo definen la estructura visual, sino que también ayudan a los motores de búsqueda y a los lectores de pantalla a comprender la jerarquía de información en tu contenido. Además, puedes aplicar estilos CSS para modificar la apariencia de los encabezados, como el tamaño de fuente, el color y el espaciado, para que se ajusten al diseño de tu página.