From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/html/element/main/index.html | 152 +++++++++++++++++++++++++++ 1 file changed, 152 insertions(+) create mode 100644 files/pt-br/web/html/element/main/index.html (limited to 'files/pt-br/web/html/element/main') diff --git a/files/pt-br/web/html/element/main/index.html b/files/pt-br/web/html/element/main/index.html new file mode 100644 index 0000000000..6a1e4b0042 --- /dev/null +++ b/files/pt-br/web/html/element/main/index.html @@ -0,0 +1,152 @@ +--- +title:
+slug: Web/HTML/Element/main +tags: + - Elemento + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/main +--- +

Resumo

+ +

O elemento <main> define o conteúdo principal dentro do {{HTMLElement("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 {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, ou {{HTMLElement("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çãoEstadoComentário
{{SpecName('HTML WHATWG', '#the-main-element', '<main>')}}{{Spec2('HTML WHATWG')}}Removida a restrição sobre não usar <main> como um filho dos elementos {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, ou {{HTMLElement("nav")}}.
{{SpecName('HTML5.1', 'grouping-content.html#the-main-element', '<main>')}}{{Spec2('HTML5.1')}}Não há mudança na {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', 'grouping-content.html#the-main-element', '<main>')}}{{Spec2('HTML5 W3C')}}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>
+
+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Suporte básicoChrome 26{{ CompatGeckoDesktop("21.0") }}{{CompatNo()}}Opera 16Safari 7
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Suporte básico{{CompatNo()}}{{ CompatGeckoMobile("21.0") }}{{CompatNo()}}{{CompatNo()}}{{CompatNo()}}
+
+ +

Veja também

+ + + +

 

-- cgit v1.2.3-54-g00ecf