<main>
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**.**
- Categorias de conteúdo (en-US)Conteúdo de fluxo, conteúdo palpável.
- Conteúdo permitido Conteúdo de fluxo.
- Omissão de tag Nenhuma; ambas as tags de início e fim são obrigatórios.
- Elementos pais permitidos Qualquer elemento que aceite conteúdo de fluxo, mas não pode ser filho dos elementos
<article>
,<aside>
,<footer>
,<header>
, ou<nav>
. - DOM interface
HTMLElement
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
BCD tables only load in the browser
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>