HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Hace poco, el elemento main fue incluído formalmente en la especificación de HTML5 de la W3C. Si bien ya teníamos elementos como header, section, article o footer, no existía una etiqueta precisa que describiese el contenido principal de una página.

Hasta ahora, la mayoría de los desarrolladores, utilizabamos la etiqueta div para englobar el contenido primario de un documento, asignandole al mismo un id de valor «main» (que significa principal en inglés). Ahora el id puede seguir siendo el mismo, pero la etiqueta debería cambiar a main si queremos maquetar correctamente.

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.

Según la especificación: el elemento main representa el contenido principal del cuerpo (body) de un documento.

Uso del elemento main

Una característica importante a tener en cuenta sobre este elemento, es que puede ser usado una sola vez por página, algo que parece bastante obvio si pensamos su propósito. Usar más de un elemento main, hará que nuestro HTML sea inválido para la W3C.

Este elemento no puede ser hijo de ninguno de los siguientes: header, nav, article, aside y footer.

Soporte en navegadores

Chrome 26 y Fiefox 21 ya tienen soporte para main.
Sin embargo, así como sucede con muchas de las nuevas etiquetas de HTML5, algunos navegadores todavía no reconocen a main ni tampoco tienen estilos por defecto para el mismo. Esto se soluciona incluyendo el archivo HTML5 shiv en nuestro proyecto, ya que incluye el arreglo correspondiente.

Comparte conocimiento:

Twitter

Linkedin

Facebook

0