Headings (encabezados) en HTML

Headings (encabezados) en HTML

Cuando escribes un articulo de blog, reporte educativo aplicando normativas APA, etc. Es necesario indicar titulos y poder diferenciar del contenido. En HTML para indicar titulos existen los encabezadoos, los cuales son: h1, h2, h3, h4, h5, h6.

<h1>Título principal (solo uno por página)</h1>
<h2>Subtítulo importante</h2>
<h3>Subsección</h3>
<h4>Apartado menor</h4>
<h5>Detalle específico</h5>
<h6>Información muy específica</h6>

h1: Título principal

Este elemento solo debe ser uno por página, (es el elemento más importante para SEO), aquí debes indicar el nombre del artículo, producto o sección.

<h1>Refuerzo academico de Herramientas de Productividad ASEISI 2025</h1>

Los encabezados desde el h2, hasta el h6 pueden aparecer varias veces por página.

h2: subtítulos principales

Usualmente este elemento es usado para dividir el contenido en secciones importantes.

<h2>Conceptos Básicos de HTML</h2>
<p>En esta página podras aprender los conceptos básicos de HTML</p>
<h2>Conceptos Básicos de SQL</h2>
<p>En esta página podras aprender a crear base de datos con SQL</p>

h3: Subsecciones dentro de un H2

Detallan la información de un h2

<h2>Conceptos Básicos de HTML</h2>
<h3>Encabezados dentro de HTML</h3>

h4, h5, y h6: son para niveles mucho más especificos

Se usan para estructuras muy detalladas como notas técnicas o aclaraciones, realmente no son muy comunes, pero pueden ser útiles en guías largas.

<h4>Propiedades de texto en CSS</h4>  
<h5>Ejemplo: font-weight</h5>  
<h6>Valores posibles: normal, bold, 600...</h6>

Buenas practicas con los encabezados

1. Solo debe existir un h1 por página
2. La jerarquía debe seguir un orden lógico: es decir, h1 -> h2 -> h3 -> h4 ..., no se deben hacer saltos como h2 -> h4

Ejemplo completo

<h1>Aprende a Programar en Python</h1>  

<h2>Introducción a Python</h2>  
<h3>¿Qué es Python?</h3>  
<h3>Primeros Pasos</h3>  

<h2>Sintaxis Básica</h2>  
<h3>Variables y Tipos de Datos</h3>  
<h4>Strings</h4>  
<h4>Números</h4>  

<h3>Estructuras de Control</h3>  
<h4>If-Else</h4>  
<h5>Ejemplo práctico</h5>

Referencias

Pendiente de estructuración