Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

Diferença entre tags

Qual seria diferença entre a tag section e a tag div?

8 respostas

A section é um tag para separar seções na sua pagina, mas você conseguiria utilizar a tag div para isso. A diferença é a semântica da sua pagina que significa que robôs de busca que indexam paginas na internet vão "entender" melhor sua página.

Espero ter ajudado. Abraços

Só acrescentando mais um detalhe a resposta do Guilherme, não só os robôs de buscas vão indexar melhor a página , mas como os leitores de telas utilizados por deficientes visuais também vão poder entender melhor a página e fazer uma leitura mais adequada para a interpretação deles.

Não se esqueça de marcar como resolvida caso tenhamos esclarecido sua dúvida.

Olá, também tenho a mesma dúvida, e continuo.. :| Se é uma questão de semântica qual das duas os softwares de buscas e os softwares utilizados por deficientes visuais vão entender melhor? Por que semanticamente para meu entendimento, divisão e seção são a mesma coisa.. rs.. Alguém pode me ajudar?? :)

solução!

Como já foi dito, a principal diferença entre eles é a semântica da página. O que aquele elemento representa dentro do contexto da sua página.

Um elemento div não tem significado semântico na sua página, você utiliza ele para dividir partes da sua página sem se preocupar com a semântica.

Um elemento section representa uma seção genérica de um documento, sua página neste caso. Neste contexto, a sessão agruparia um tema dentro de um assunto principal. Por exemplo, poderia usar section para cada capítulo de um livro, dividir uma tese em introdução, objetivo e etc.

Espero ter ficado claro. Bons estudos!

Ok! Ficou bem claro sim muito obrigada pela resposta. Att.

A discussão de semântica é complicado. Pois podemos interpretar a semântica de várias formas.

Basicamente uma <div>, é um elemento sem semântica alguma, uso ele só para estilização e como containers. Já a <section> é usada para quando você quer quebrar o seus blocos em seções genéricas, tipo destaques, últimas notícias, etc. Sem falar que nesse tópico podemos ainda inserir o <article>.

Semântica é complicado e podemos entrar em discussões filosóficas nela. Tente deixar a sua marcação o mais semântica possível, quando não conseguir use <div> ou <span> e seja feliz.

É bem complicada mesmo, ainda mais pra quem está começando. Mas venho descobrindo essas diferenças aos poucos aqui no alura, e é uma descoberta bem interessante. Obrigada a todos!

boa noite,

por que não so utilizamos ao invés de

ja que tem mais vantagens?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software