Elemento main

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento main es un contenedor para los temas centrales de un documento o sección. Este contenido central puede interpretarse como todo lo que resta luego de quitar anuncios, encabezados (header), pies (footer), secciones de navegación (nav), vínculos relacionados y otros elementos secundarios.

El elemento main tiene mayor importancia para personas con discapacidades, que habitualmente acceden a la web a través de programas especiales como los navegadores de voz. En tales casos, los navegadores pueden ser instruidos para ir directamente al contenido principal del documento o sección (main), saltándose toda la información menos relevante.

Aunque no existen restricciones acerca del número de elementos main en un documento, sólo uno puede estar visible (no tener el atributo hidden presente) por vez.

El elemento main solo puede tener por ancestros a los elementos html, body, div y form.

Ejemplos

Este ejemplo muestra una estructura de documento típica donde el elemento main encierra a los contenidos esenciales.

<html>
  <head>
    <title>Artículo: Software libre</title>
  </head>
  <body>
    <header>
      <p>Bienvenido a ArtículosLocos!</p>
      <nav>
        <a href="/">Inicio</a>
        <a href="/articulos.html">Artículos</a>
        <a href="/contacto.php">Contáctanos</a>
      </nav>
    </header>
    <main>
      <h1>Software libre</h1>
      <p>El término software libre refiere el conjunto de software que por elección manifiesta de su autor, puede ser copiado, estudiado, modificado, utilizado libremente con cualquier fin y redistribuido con o sin cambios o mejoras.</p>
      <p>...</p>
    </main>
    <footer>
      <p>&copy; Todos los derechos reservados</p>
    </footer>
  </body>
</html>

Atributos

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.