HeadingsMap es una extensión gratuita para el navegador web. Es específica para mostrar la estructura de página (encabezados)

A lo largo de este bloque la utilizaremos para validar los encabezados de las páginas. La herramienta permite:

• Visualizar un listado de los encabezados de la página y su nivel.
• Muestra los anidamientos entre encabezados.
• Alerta de los casos en que no hay encabezados o se produce un salto incorrecto entre ellos.
• Resalta el encabezado seleccionado para poder localizarlo fácilmente en la página.

Instalar la extensión para el navegador web: Chrome / Firefox.

Una vez que instalada, se accede a ella a través de un botón de la zona de extensiones del navegador: 

Tras realizar la instalación, abrir en el navegador la página a analizar y pinchar en el botón correspondiente a HeaadingsMap de la zona de extensiones del navegador. Se desplegará un la parte izquierda de la pantalla. 

Se muestran de manera automática todos los encabezados existentes en la página web, con una indicación numérica del 1 al 6 para indicar el nivel de encabezado (<h1> a <h6>). Se visualizan, además, los anidamientos entre los diferentes encabezados y se pueden colapsar o mostrar los diferentes niveles pulsando sobre las flechas que existen al principio de cada encabezado. Si se pincha en un encabezado del listado de la parte izquierda, se resaltará en la página para localizarlo fácilmente. Si la página no tuviera encabezados o tuviera saltos incorrectos entre ellos, se muestra un mensaje de error.

Hay que volver a pulsar sobre el icono para cerrar la herramienta.

A lo largo de este bloque indicaremos cuándo es útil esta herramienta. En este punto del curso, lo importante es que instales la herramienta para poder utilizarla más adelante.