La etiqueta main HTML5 sirve para definir el contenido principal o más destacado del DOM. Solo puede haber una etiqueta main.
Dentro de esta nueva etiqueta HTML5 tenemos que tener elementos tales como: cabecera de la web, menú de navegación, información legal de la web, pie de página, barras laterales…
Nunca debe estar dentro de las siguientes etiquetas: header, footer, article, aside y nav.
Sintaxis de la etiqueta main HTML5
Vamos a ver la sintaxis de esta etiqueta HTML5 extraída de su web oficial:
1 2 3 |
<main> <!-- Código HTML --> </main> |
Podemos ver como main tiene sus etiquetas de apertura y cierre, el código que se encuentre entre ambas se considerará perteneciente al contenido principal o destacado de la web.
Código de ejemplo de la etiqueta main HTML5
Os pongo un código de ejemplo para que se vea lo que puede englobar la etiqueta main.
1 2 3 4 5 6 7 8 9 10 11 |
<main> <article> <h1>Artículo 1</h1> <p>Subtítulo 1</p> </article> <article> <h1>Artículo 2</h1> <p>Subtítulo 2</p> </article> </main> |
Etiquetas semánticas y de estructura HTML5
En este post recopilo estas etiquetas: