English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referência HTML

大全 de tags HTML

HTML: <main> etiqueta

A tag <main> da HTML é uma tag HTML5Elemento, usado para definir o conteúdo principal do documento HTML, e deve haver apenas um elemento <main> no documento. Este rótulo também é conhecido como elemento <main>.

Exemplo online

Na HTML, a sintaxe do marcador <main> é:

<body>
<main role="main">
  <h1>oldtoolbag.com</h1>
  <p>Recursos confiáveis para aprender novas tecnologias</p>
  <article>
    <h2>HTML</h2>
    <p>Estude HTML (Linguagem de Marcação de Hipertexto) através de nosso tutorial passo a passo e materiais de referência.</p>
  </article>
  <article>
    <h2>CSS</h2>
    <p>Estude CSS (Tabelas de Estilos em Cascada) através de nosso tutorial passo a passo e materiais de referência.</p>
  </article>
</main>
</body>

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a tag <main>.

Experimente online os exemplos

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 Uso do tag <main> (Tutorial Básico da Web oldtoolbag.com)</title>
</head>
<body>
<main role="main">
  <h1>oldtoolbag.com</h1>
  <p>Recursos confiáveis para aprender novas tecnologias.</p>
  <article>
    <h2>HTML</h2>
    <p>Estude HTML (Linguagem de Marcação de Hipertexto) através de nosso tutorial passo a passo e materiais de referência.</p>
  </article>
  <article>
    <h2>CSS</h2>
    <p>Estude CSS (Tabelas de Estilos em Cascada) através de nosso tutorial passo a passo e materiais de referência.</p>
  </article>
</main>
</body>
</html>
Teste e veja ‹/›

definição e instruções de uso da etiqueta

O elemento <main> HTML é encontrado dentro da marcação <body>.5elemento.

A etiqueta <main> não deve ser usada para conteúdo repetido, como navegação, logotipo do site, links de mídias sociais, informações de direitos autorais e barras laterais.

recomenda-se usar o papel de ARIA "main" no elemento <main> para que os leitores de tela dos navegadores antigos possam acessá-lo, por exemplo: <main role="main">

para navegadores que são mais antigos que o IE 9do Internet Explorer, use HTML5shiv, é uma solução JavaScript que pode ser usada para novos navegadores HTML5O elemento oferece suporte, por exemplo: <header>, <main>, <article>, <section>, <aside>, <nav>, <footer>.

No documento, o conteúdo do elemento <main> deve ser único. Qualquer conteúdo idêntico e repetido que esteja presente em qualquer série de documentos, como barras laterais, links de navegação, informações de direitos autorais, logotipo do site, caixa de pesquisa (a menos que a caixa de pesquisa seja a função principal do documento), não deve ser incluído nele.