Zawsze natykam się na to (raczej proste pytanie) podczas tworzenia np. Blogów Wordpress. Czy powinienem zawinąć nagłówek, który również powinien być linkiem, w <a>element kotwicy , czy powinien być na odwrót. I dlaczego?
(1) :
<a href="foo">
<h1>bar</h1>
</a>
(2) :
<h1>
<a href="foo">bar</a>
</h1>
Zawsze robię (1) , ponieważ wydaje mi się bardziej logiczne, że nagłówek jest zawinięty w łącze.
Czy ma to jakieś znaczenie np. W SEO? Czy będzie odzwierciedlać ranking SEO?
Odpowiedzi:
Przed HTML5:
kotwica musi znajdować się w nagłówku, nie możesz umieścić elementu blokowego wewnątrz kotwicy, a większość przeglądarek nie wyrenderuje go w 100% niezawodnie, jeśli to zrobisz.
W HTML5:
nie ma znaczenia, użyj tego, który ma największy sens semantyczny . Prawdopodobnie pierwszy.
Pamiętaj, że jeśli Twój dokument używa DTD HTML4, nie będzie sprawdzał poprawności i może nie renderować się poprawnie, ponieważ używa starych reguł, w których kotwica nie może zawierać elementu blokowego. Używaj tylko pierwszej opcji w HTML5. XHTML jest odpowiednikiem HTML4, nie jestem jednak w 100% pewien co do XHTML1.1 (spróbuj i zobacz, czy sprawdza się).
Jeśli używasz DTD HTML 4.01 (nie jestem pewien co do przejściowego, ale zdecydowanie ścisłego), wtedy element zakotwiczenia musi pojawić się wewnątrz elementu nagłówka. Sprawdź swój doctype, jeśli nie wiesz, którego DTD używasz (zakładając, że masz taki, którego potrzebujesz, aby nasz kod był uważany za ważny). Typ dokumentu HTML5 wygląda następująco:
<!DOCTYPE HTML>
Typ dokumentu 4.01 to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Sugerowałbym również zapoznanie się z samym DTD, jeśli zamierzasz pracować z 4.01, który odpowie na wszystkie tego typu pytania.
Pierwsza jest najlepsza dla SEO, ponieważ indeksowanie google jest bardzo łatwe.