Encabezados
Los encabezados es la forma que tenemos en HTML para dividir un documento en apartados. Si están correctamente diseñados, cualquier navegador de internet podrá representar correctamente la estructura jerárquica que le haya dado.
Existen seis niveles de encabezados, siendo el 1 el más importante y el 6 el de menor importancia. De acuerdo con esto, el navegador es capaz de establecer de forma predeterminada un tamaño de letra mayor cuanta mayor jerarquía tenga el encabezado. Además, las reglas del buen diseño de las páginas web dicen que los niveles de encabezados deben ser consecutivos. Esto significa que, si al título de un apartado le hemos dado un nivel de encabezado 1, a un subapartado habrá que darle el nivel de encabezado 2, a una división dentro de ese subapartado habría que darle el encabezado de nivel 3 y así sucesivamente. De la misma forma, al título del siguiente apartado habría que darle, de nuevo, el nivel de encabezado 1.
Las etiquetas de los encabezados se componen siempre de la letra h y de un número del 1 al 6. La h viene del inglés heading que, precisamente, significa encabezado. Para una mayor comprensión, la tabla siguiente recoge la forma de crear cada tipo de encabezado.
| Descripción | Código |
|---|---|
| Encabezado de nivel 1. | <h1>Encabezado de nivel 1</h1> |
| Encabezado de nivel 2. | <h2>Encabezado de nivel 2</h2> |
| Encabezado de nivel 3. | <h3>Encabezado de nivel 3</h3> |
| Encabezado de nivel 4. | <h4>Encabezado de nivel 4</h4> |
| Encabezado de nivel 5. | <h5>Encabezado de nivel 5</h5> |
| Encabezado de nivel 6. | <h6>Encabezado de nivel 6</h6> |
En este punto podemos comprobar que, sin necesidad de decírselo, el navegador aplica características de formato distintas a los párrafos y a cada tipo de encabezado. Con esto ya podemos empezar a crear documentos correctamente estructurados.