<main>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 2015.
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údoConteú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
| Specification |
|---|
| HTML # the-main-element |
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>