Títulos, párrafos y jerarquía

Un documento necesita organización

Imaginá un texto largo, sin ningún título ni separación entre temas. Podrías leerlo, pero sería difícil encontrar la información que buscás. HTML permite expresar la jerarquía del contenido con seis niveles de encabezado: <h1> al <h6>.

<h1>Tecnología</h1>
<h2>Computadoras</h2>
<h2>Programación</h2>
<h3>Lenguajes</h3>

Esto describe: "Tecnología" es el tema principal (h1). Adentro hay dos subtemas al mismo nivel (h2): "Computadoras" y "Programación". Y "Programación" tiene a su vez un subtema (h3): "Lenguajes".

No elijas un título por su tamaño

Un error frecuente es elegir <h3> "porque se ve más chico" que hace falta en ese lugar. Pero los encabezados representan niveles de organización, no tamaños de letra — el tamaño se puede cambiar después con CSS sin tocar la jerarquía.

Comparación:

Bien organizado:

h1
 ├─ h2
 ├─ h2
 │   └─ h3

Desordenado (salta niveles sin razón, cada <hN> elegido "porque se veía bien"):

h1
h4
h2
h6
h3

El segundo caso puede llegar a verse igual con el CSS correcto — pero cualquiera (o cualquier tecnología de asistencia) que intente entender la estructura del documento sin mirar el diseño, se pierde.