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?
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?
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
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:
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".