Tradução em progresso.

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
HTML Living Standard
The definition of '<main>' in that specification.
Padrão em tempo real Removida a restrição sobre não usar <main> como um filho dos elementos <article>, <aside>, <footer>, <header>, ou <nav>.
HTML 5.1
The definition of '<main>' in that specification.
Recomendação Não há mudança na HTML5
HTML5
The definition of '<main>' in that specification.
Recomendação 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>

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

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

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