MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Resumo

O elemento <main> define o conteúdo principal dentro do <body> em seu documento ou aplicação. Entende-se como conteúdo principal aquele relacionado diretamente com o tópico central da página ou com a funcionalidade central da aplicação. O mesmo deverá ser único na página, ou seja, dentro do elemento <main> não deverão ser incluidas seções da página que sejam comuns a todo o site ou aplicação, tais como mecanismos de navegação, informações de copyright, logotipo e campos de busca (a não ser, é claro,  caso a função principal do documento seja  fazer algum tipo de busca).

Nota: <main> não pode ser filho dos elementos <article>, <aside>, <footer>, <header>, ou <nav>.

Autores não devem incluir mais de um elemento main no mesmo documento.

Atributos

Este elemento admite apenas os atributos globais.

Exemplo

<!-- outro conteúdo -->

<main>
  <h1>Maçãs</h1>
  <p>A maçã é a fruta pomácea da macieira.</p>
  
  <article>
    <h2>Vermelho delicioso</h2>
    <p>Estas maçãs vermelhas brilhantes são as mais comumente encontradas em muitos supermercados.</p>
    <p>... </p>
    <p>... </p>
  </article>

  <article>
    <h2>Granny Smith</h2>
    <p>Essas suculentas maçãs verdes, são um ótimo recheio para torta de maçã.</p>
    <p>... </p>
    <p>... </p>
  </article>

</main>

<!-- outro conteúdo -->

Especificações

Especificação Estado Comentário
WHATWG HTML Living Standard
The definition of '<main>' in that specification.
Living Standard Removida a restrição sobre não usar <main> como um filho dos elementos <article>, <aside>, <footer>, <header>, ou <nav>.
HTML5.1
The definition of '<main>' in that specification.
Working Draft Não há mudança na HTML5
HTML5
The definition of '<main>' in that specification.
Recommendation Definição inicial.

Navegadores compatíveis

O elemento <main> é amplamente suportado (exceto pelo Internet Explorer). Sugere-se que, até que o elemento <main> seja suportado pelo Internet Explorer, adicione a ele o atributo role com o valor "main":

<main role="main">
  ...
</main>

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Suporte básico Chrome 26 21.0 (21.0) Não suportado Opera 16 Safari 7
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Suporte básico Não suportado 21.0 (21.0) Não suportado Não suportado Não suportado

Veja também

 

Etiquetas do documento e colaboradores

 Colaboradores desta página: leandroruel, afonsopacifer
 Última atualização por: leandroruel,