Categorías: HTML5Nuevos input, etiquetas y atributos en HTML5

Etiqueta main HTML5: Definir el contenido principal de una web

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:

<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.

<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>