etiqueta main

ETIQUETA MAIN

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:

XHTML

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.

XHTML

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:

• Las nuevas etiquetas semánticas de estructura HTML5

Post Relacionados:

1. Ejemplos de programación PHP, jQuery, HTML5, WordPress, MySQL, AMP y JavaScript
2. HTML5 email input: Validación automática de emails en formularios
3. HTML5 search input: Campo de búsqueda para formularios
4. Datetime input HTML5: Un campo de fecha y hora para formularios
5. Etiqueta summary HTML5: Añadir un sumario a la etiqueta details
6. Atributo loop HTML5: Reproducción continua de vídeo y audio