Sempre me deparo com essa (questão bastante simples) ao fazer, por exemplo, blogs Wordpress. Devo quebrar o título, que também deve ser um link, em um <a>elemento âncora , ou deve ser o contrário. E porque?
(1) :
<a href="foo">
<h1>bar</h1>
</a>
(2) :
<h1>
<a href="foo">bar</a>
</h1>
Sempre acabo fazendo (1) , já que me parece mais lógico, que o título esteja envolto em um link.
Isso faz alguma diferença, por exemplo, no SEO? Isso refletirá a classificação de SEO?
Respostas:
Antes do HTML5:
A âncora deve estar dentro do cabeçalho, você não pode colocar um elemento de nível de bloco dentro de uma âncora e a maioria dos navegadores não o renderá de forma 100% confiável se você fizer isso.
Em HTML5:
Não importa, use o que fizer mais sentido semântico . Provavelmente o primeiro.
Lembre-se de que se o seu documento estiver usando DTDs em HTML4, ele não será validado e pode não ser renderizado corretamente porque está usando as regras antigas em que uma âncora não pode conter um elemento em nível de bloco. Use apenas a primeira opção em HTML5. XHTML é equivalente a HTML4, mas não tenho 100% de certeza sobre XHTML1.1 (experimente e veja se valida).
Se você estiver usando um DTD HTML 4.01 (não tenho certeza sobre o transicional, mas definitivamente o estrito), o elemento âncora deve aparecer dentro do elemento do cabeçalho. Verifique seu doctype se você não souber qual DTD está usando (presumindo que você tenha um, o qual você precisa para que nosso código seja considerado válido). O doctype HTML5 tem a seguinte aparência:
<!DOCTYPE HTML>
O doctype 4.01 é:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Também sugiro que você se familiarize com o próprio DTD se for trabalhar com o 4.01, ele responderá a todos esses tipos de perguntas.
O primeiro é o melhor para o SEO porque o google indexa com muita facilidade.