El elemento <main> representa el contenido
principal de nuestra página, por tanto debe ser único, es decir que el elemento
definido por las etiquetas <main> y </main> solo puede ser usado
una vez en todo el documento.
El propósito principal de esta etiqueta es desde un
punto de vista de accesibilidad, ya que ayuda a que los screen readers
(lectores de pantalla) y otras tecnologías asistenciales puedan identificar
donde comienza el contenido principal de la página y donde termina.
A pesar de su muy importante propósito, este elemento aún
no es reconocido por todos los navegadores, es sumamente recomendable añadir el
rol ARIA "main" a cualquier elemento
<main>:
<main role="main">
...
</main>
¿Qué es y para qué sirve el atributo role?
