Headers de H1 a H6
Los headers <h1> y </h1> marcan el título visible en la página.
<body>
<h1>Felinos</h1>
Los felinos son una familia de mamíferos
</body>
El código anterior se vería como sigue en un browser
Es importante utilizar correctamente la etiqueta h1 para ayudar a los motores de búsqueda y a los usuarios a comprender la estructura y el contenido de la página web. Además, se recomienda utilizar sólo una etiqueta h1 por página para indicar claramente el título principal de la página.
Los headers <h2> y </h2> marcan los subtítulos.
En este caso por ejemplo Tigres y Leones son subtítulos y son parte de una página que habla de los felinos en general.
<body>
<h1>Felinos</h1>
Los felinos son una familia de
mamíferos
<h2>Tigres</h2>
Se encuentra solamente en el continente asiático.
<h2>Leones</h2>
Suelen vivir en sabanas y herbazales.
</body>
El código anterior se ve así en in browser.
Tanto las personas como los buscadores pueden entender que Tigres y Leones (que tienen subtítulos marcados con h2) son parte de Felinos (que es el título de la página y está marcado como H1).
Para textos más complejos puede fijarse una jerarquía más amplia con h3, h4, h5 y h6.
Cuánto mayor es el número menor es su jerarquía.