Exemplo
Aqui está um documento, que tem um título, junto com dois section elementos e seu próprio conteúdo:
Sintaxe
1 |
Learning Spanish
|
2 |
|
3 |
First Chapter
|
4 |
Eiusmod esse amet reprehenderit ea consequat et tempor ad enim. |
5 |
|
6 |
|
7 |
Second Chapter
|
8 |
Laborum laborum elit aute reprehenderit ea exercitation cupidatat qui ipsum. |
9 |
|
Resultado
Resumo do Documento
Se executarmos o HTML acima por meio de uma ferramenta de contorno de HTML, podemos ver como o navegador interpreta a hierarquia:
O h1 e h2 elementos por si só criam essa estrutura de documento. Mas mesmo se tivéssemos usado apenas h1 títulos, o section elementos também comunicam essa hierarquia.
Suporte do navegador
O section elemento é suportado em todos os navegadores modernos. Leia mais em caniuse.com.
Atributos
A section elemento suporta atributos globais em HTML. Os Atributos Globais são comuns a todos os elementos HTML e podem ser usados em todos eles (embora possam não ter muito efeito em alguns deles).
Contente
O HTML section elemento suporta conteúdo de fluxo.
- Existem vários outros seccionando elementos, úteis para dividir o conteúdo em uma página de forma descritiva:
e
Qual é a diferença entre um div e um section Elemento?
Como um diva section elemento divide parte de uma página HTML. A diferença fundamental é que um div elemento é neutro, enquanto o section elemento não é. Em outras palavras, um div não descreve o conteúdo que contém, enquanto um section elemento faz.
Você pode usar um div elemento puramente para fins de estilo, mas um section é semântico e diz aos mecanismos de busca, navegadores e tecnologias assistivas: “este é um pedaço específico de conteúdo”.
Saber mais
