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

Diferença entre div e section.

Neste exercício a tag section poderia ser substituída pela tag div e a página não teria nenhuma mudança. Qual é a diferença entre estas tags? Quando devo utilizar uma e quando devo utilizar outra?

2 respostas
solução!

Lembre-se que o HTML é uma linguagem de MARCAÇÃO e não VISUALMENTE (quem cuida desta parte é o CSS). O que isso quer dizer na prática?

Cada elemento tem sua semântica, ou seja, um significado. Isto é utilizado em indexadores de buscas e até web crawlers.

Um exemplo clássico que muitas pessoas ainda fazem é utilizar a tag

para montar layouts de páginas e se não me engano, até programas para deficientes visuais.

Semanticamente, isto está completamente errado, pois a tag table serve para TABULAR dados (exemplo, uma grid) e não definir layouts.

Assim, em resumo: Quem cuida da parte visual da parada é o CSS. O HTML nada mais é que uma marcação para indicar o que aquela parte do site significa.

A tag representaria seções de documentos. Já a tag div é utilizada para fins de estilos. Resumindo: para fins de deixar o layout "bonito" e não haver nenhuma semântica por trás, utilize div. Se for representar uma área do seu site, utilize section :).

Mais informações sobre a tag section em:

http://www.w3schools.com/TAgs/tag_section.asp

Henrique Braga muito obrigado pela sua explicação. Aproveito para perguntar como optimizar a nossa pagina para os web crawlers, pois já pesquisei e não consigo obter muita informação técnica do que os web crawlers "gostam".