Pergunta
Existe algum benefício em usar um <blockquote>
elemento sobre um <div>
?Eu estava olhando a marcação de um site para aprender CSS e não consegui entender por que <blockquote>
estava sendo usado.
EDITAR:Sim, desculpe, não esclareci, era usado para segurar o <div>
tag com nome de usuário como texto e uma tag de entrada.Claramente não houve citação.
Solução
Em teoria, o HTML deveria ser o mais “semântico” possível – o que significa que cada elemento deveria indicar algo sobre seu conteúdo. <h1>
é deve incluir o título mais importante; <p>
é deve circundar os parágrafos; <em>
deve indicar ênfase, etc.
Dessa forma, o código faz sentido quando você – ou um leitor de tela, ou qualquer outra coisa – olha para ele.Isso também ajuda para dispositivos que não entendem todas (ou nenhuma) das suas regras CSS.
Outras dicas
Semanticamente, um blockquote
tag faz sentido quando você está citando algo.Claro, um div estilizado pode fazer a mesma coisa, mas por que não usar a tag certa para o trabalho?
Além disso, a tag blockquote permite incluir uma citação com o cite
atributo.
<blockquote>
deve ser usado quando o texto que contém é uma citação em bloco.Isso parece muito óbvio para mim, então há outro aspecto na sua pergunta?
Como mencionado, <blockquote>
é para citar.Da mesma forma, você usará vários <p>
blocos para parágrafos dentro de um <div>
que contém o conteúdo da página ou algo assim.A proposta HTML5 terá muito mais elementos de bloco (ou seja, iguais aos divs), cujo objetivo será adicionar informações semânticas sobre ela, como cabeçalho, rodapé, menu, etc.
Conforme mencionado anteriormente, blockquotes são para citações.Assim como as tabelas são (indiscutivelmente) para dados tabulares, as listas são para listagens, divs para divisões, p para parágrafos, etc.
Claro, você poderia quase tudo com divs.Essa é a beleza de usar HTML com CSS:você pode fazer com que qualquer coisa tenha a aparência que você deseja (em teoria, no mundo real, as peculiaridades do navegador às vezes bagunçam tudo).
Usar divs para qualquer coisa que você possa imaginar é comumente conhecido como 'divitis'.Ver Este artigo para uma pequena explicação :)
A provável razão pela qual eles estão usando blockquote
é que muitas pessoas que se interessam por HTML não sabem o suficiente sobre CSS para saber que um div
pode receber a mesma margem esquerda que blockquote
renderiza com por padrão.