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/section/index.html | 168 ++++++++++++++++++++++++ 1 file changed, 168 insertions(+) create mode 100644 files/pt-br/web/html/element/section/index.html (limited to 'files/pt-br/web/html/element/section/index.html') diff --git a/files/pt-br/web/html/element/section/index.html b/files/pt-br/web/html/element/section/index.html new file mode 100644 index 0000000000..3277e7313f --- /dev/null +++ b/files/pt-br/web/html/element/section/index.html @@ -0,0 +1,168 @@ +--- +title:
+slug: Web/HTML/Element/section +translation_of: Web/HTML/Element/section +--- +

O elemento HTML <section> representa uma seção genérica contida em um documento HTML, geralmente com um título, quando não existir um elemento semântico mais específico para representá-lo.

+ +

Por exemplo, um menu de navegação deve estar dentro um elemento {{htmlelement ("nav")}}, mas uma lista de resultados de pesquisa ou a exibição de um mapa e seus controles não possuem elementos específicos, e podem ser colocados dentro de uma <section>.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorias de conteúdoConteúdo de fluxo , conteúdo de seção, conteúdo palpável.
Conteúdo permitidoConteúdo de fluxo.
Omissão de tagsSem omissão de tags
Tags-pai permitidasQualquer elemento que aceite conteúdo de fluxo. Note que um elemento {{HTMLElement("section")}} não deve ser um descendente de um elemento {{HTMLElement("address")}}.
Regras ARIA permitidas{{ARIARole("alert")}}, {{ARIARole("alertdialog")}}, {{ARIARole("application")}}, {{ARIARole("banner")}}, {{ARIARole("complementary")}}, {{ARIARole("contentinfo")}}, {{ARIARole("dialog")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("log")}}, {{ARIARole("main")}}, {{ARIARole("marquee")}}, {{ARIARole("navigation")}}, {{ARIARole("search")}}, {{ARIARole("status")}}, {{ARIARole("tabpanel")}}
Interface DOM{{domxref("HTMLElement")}}
+ +

Atributos

+ +

Este elemento inclui apenas os atributos globais.

+ +

Notas de uso

+ + + +

Exemplo 1

+ +

Antes

+ +
<div>
+  <h1>Cabeçalho</h1>
+  <p>Um monte de conteúdo incrível</p>
+</div>
+ +

Depois

+ +
<section>
+  <h1>Cabeçalho</h1>
+  <p>Um monte de conteúdo incrível</p>
+</section>
+ +

Exemplo 2

+ +

Antes

+ +
<div>
+  <h2>Cabeçalho</h2>
+  <img src="passaro.jpg" alt="pássaro">
+</div>
+ +

Depois

+ +
<section>
+  <h2>Cabeçalho</h2>
+  <img src="passaro.jpg" alt="pássaro">
+</section>​​​​​
+
+ +

Especificações

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaçãoStatusComentários
{{SpecName('HTML WHATWG', 'sections.html#the-section-element', '<section>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'sections.html#the-section-element', '<section>')}}{{Spec2('HTML5.1')}}
{{SpecName('HTML5 W3C', 'sections.html#the-section-element', '<section>')}}{{Spec2('HTML5 W3C')}}
+ +

Compatibilidade de navegadores

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Suporte básico5{{ CompatGeckoDesktop("2.0") }}9.011.104.1
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticaAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Suporte básico2.2{{ CompatGeckoMobile("2.0") }}9.011.05.0 (iOS 4.2)
+
+ +

Veja também

+ + -- cgit v1.2.3-54-g00ecf