{{ HTMLVersionHeader(5) }}
Sumário
O elemento HTML section(<section>) representa uma seção generica de um documento, isto é um agrupamento temático de conteúdos, tipicamente com um título. Cada <section> deve ser identificada, tipicamente incluindo um título (elemento h1
-h6)
como um filho do elemento <section>.
Notas de uso:
- Se faz sentindo separar a ordem do conteúdo com um elemento {{HTMLElement("section")}}, use um elemento {{HTMLElement("article")}} em seu lugar.
- Não use o elemento {{HTMLElement("section")}} como um container genérico, para isso que {{HTMLElement("div")}} serve, especialmente quando a seção é apenas com o propósito de estilização. Uma regra de ouro é quando um seção deve aparecer logicamente em um documento.
contexto de uso
Permitted content: | Flow content |
Tag omission: | tanto a tag de início quanto a tag de fechamento são obrigatórias |
Permitted parent elements |
Any element that accepts flow content. Note that a {{HTMLElement("section")}} element must not be a descendant of an {{HTMLElement("address")}} element. |
Normative document | HTML5, section 4.4.2 |
Atributos
This element only includes the global attributes.
DOM Interface
This element implements the HTMLElement
interface.
Exemplos
<section> <h1>Heading</h1> <p>Bunch of awesome content</p> </section>
Compatibilidade
{{ CompatibilityTable() }}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 5 | {{ CompatGeckoDesktop("2.0") }} | 9.0 | 11.10 | 4.1 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 2.2 | {{ CompatGeckoMobile("2.0") }} | 9.0 | 11.0 | 5.0 (iOS 4.2) |
veja também
- Other section-related elements: {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("address") }};
- Sections and outlines of an HTML5 document.