Etiqueta <main> de HTML

Definição e uso

A tag define o conteúdo principal do documento.

O conteúdo do elemento deve ser único para o documento. Não deve conter conteúdo repetido em vários documentos, como barras laterais, links de navegação, informações de direitos autorais, logotipo do site e formulários de busca, etc.

Atenção:Não pode haver mais de um Elemento <main>. A tag <main> não pode ser

Exemplo

Exemplo 1

Especificar o conteúdo principal do documento:

<h1>Os navegadores mais populares</h1> <p>Chrome, Firefox e Edge são os navegadores mais usados atualmente.</p>
<h2>Google Chrome</h2> <p>Google Chrome é um navegador da Internet desenvolvido pela Google, lançado em 2008......</p>

Mozilla Firefox

Mozilla Firefox 是由 Mozilla 开发的开源网络浏览器......&

Microsoft Edge

Microsoft Edge 是微软开发的一款网络浏览器,于 2015 年发布......&

亲自试一试

Exemplo 2

Configuração usando CSS

Estilos do elemento:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<h1>Os navegadores mais populares</h1> <p>Chrome, Firefox e Edge são os navegadores mais usados atualmente.</p>
<h2>Google Chrome</h2> <p>Google Chrome é um navegador da Internet desenvolvido pela Google, lançado em 2008......</p>

Mozilla Firefox

Mozilla Firefox 是由 Mozilla 开发的开源网络浏览器......&

Microsoft Edge

Microsoft Edge 是微软开发的一款网络浏览器,于 2015 年发布......&

亲自试一试

全局属性

标签还支持 HTML 中的全局属性

事件属性

标签还支持 HTML 中的事件属性

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 12.0 21.0 7.0 16.0