Los encabezados HTML corresponden a títulos y subtítulos y juegan un papel crucial al resaltar temas y captar la atención de los usuarios. Junto con los párrafos HTML, son responsables de estructurar y hacer que el contenido sea más fácil de digerir.
Hay 6 tipos de encabezados HTML que van desde <h1>a <h6>que los diseñadores pueden usar para títulos y subtítulos en una página web. Como puede adivinar, <h1>define el encabezado más importante. Representa el título de la página y, por lo general, tiene el tamaño y el peso de fuente más grandes.
Al igual que tener varios cocineros en una cocina nunca es bueno, debes evitar usar <h1>más de una vez por página. De lo contrario, puede confundir y desorientar a los motores de búsqueda y lectores de pantalla.
La <h6>etiqueta tiene el rango más bajo y representa el encabezado menos importante. Asegúrate de usar la etiqueta final </h6>sin espacios, o todo el esfuerzo de formato será en vano. La verdad es que la mayoría del contenido no va más allá de las <h4>etiquetas a menos que esté escribiendo documentación técnica con múltiples categorías y subcategorías.
Los encabezados ayudan a organizar el contenido al indicar visualmente las secciones más importantes. Según la investigación de WebAIM, más del 70 % de los usuarios de lectores de pantalla usan encabezados para una mejor navegación en páginas largas.
Teniendo en cuenta la accesibilidad y la facilidad de uso, intente mantener la jerarquía de encabezados y evite omitir niveles de encabezado, como pasar de <h2>a <h5>. A veces, está bien revertir el orden y usar <h2>después <h5>si el contenido de la página lo requiere.
Los encabezados son para títulos y subtítulos. Usar <h>etiquetas para hacer que el texto sea más grande o más audaz no tiene sentido y crea ruido visual en una página web. A su vez, aplicar encabezados en lugar de poner un texto en negrita con las <b> </b>etiquetas viola las pautas de accesibilidad y hace que sea imposible para los usuarios de lectores de pantalla escanear el contenido y saltar a las secciones más interesantes o útiles.
Al igual que la mayoría de los otros elementos HTML, los encabezados consisten en etiquetas de inicio y final. Asegúrese de cerrar todos los corchetes, agregue una barra en la etiqueta final y omita cualquier espacio. Todas las páginas deben contener al menos el <h1>encabezado que introduce el título de la página.
Los encabezados crean un esquema estructurado para la página, similar a la función de una tabla de contenido en un libro o trabajo final. Desde el punto de vista del diseño visual, los encabezados usan su tamaño y peso para indicar contenido importante y priorizarlo. Detrás de las cortinas, esas <h>etiquetas muestran el orden lógico del contenido a los lectores de pantalla y brindan oportunidades de palabras clave para los motores de búsqueda.