We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,