Los encabezados HTML son títulos o subtítulos que quieras mostrar en una página web.
¿Qué son los encabezados HTML?
Los encabezados HTML se definen con las etiquetas <h1> hasta <h6>
<h1> define el encabezado más importante. <h1> define el encabezado menos importante.
Ejemplo:
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>
Nota: los navegadores agregan automáticamente un espacio en blanco (
margin) antes y después de un encabezado.
Los encabezados son importantes
Los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de tus páginas web.
Los usuarios a menudo hojean una página web por sus títulos. Es importante utilizar encabezados para mostrar la estructura del documento.
El encabezado <h1> debe usarse para el título más importante de la página, seguido de los encabezados <h2>, luego los menos importantes <h3>, y así sucesivamente.
Nota: Use encabezados HTML solo para títulos. No uses encabezados para hacer que el texto sea GRANDE o negrita (para eso existe CSS).
Encabezados más grandes
Cada encabezado HTML tiene un tamaño predeterminado. Sin embargo, puedes modificar el tamaño de cualquier encabezado con el atributo style, utilizando la propiedad font-size de CSS:
Ejemplo:
<h1 style="font-size:60px;">Encabezado 1</h1>
Resumen
Los encabezados HTML son importantes para estructurar nuestra página web, y los puedes definir usando las etiquetas <h1> a <h6>. Se recomienda usar un solo encabezado<h1> por cada página.
Traducido con 💚 desde W3Schools.com