2011-11-17 7 views
69

私はいつもこれを思いつく(むしろ簡単な質問)。 Wordpressのブログ。私は、アンカー<a>要素のリンクでもある見出しを囲むべきでしょうか、それとも逆の方向にするべきでしょうか。なぜ?ヘッダーの内側にアンカーがありますか?

(1)

<a href="foo"> 
    <h1>bar</h1> 
</a> 

(2)

<h1> 
    <a href="foo">bar</a> 
</h1> 
私がいつもやって終わる

(1)、それだけで私には、より論理的と思われるように、見出しがリンクで囲まれていること。

SEO?ベストプラクティスはありますか?前HTML5へ

+2

[プロのウェブマスターに関するこの質問](http://webmasters.stackexchange.com/questions/20446/anchor-tag-inside-h1-or-h1-inside-achor-tag-which-is-better)is isあなたが探しているもの –

+0

ありがとう、それのように:) –

答えて

66

は:
アンカーは、ヘッダ内である必要があり、あなたは、アンカーの内側にブロックレベル要素を置くことができない、とほとんどのブラウザは、100%確実にあなたがしなければ、それを表示されません。 HTML5では


それは、1が最もセマンティック理にかなっている方を使用する問題ではありません。最初の可能性があります。

ドキュメントでHTML4 DTDを使用している場合、アンカーにブロックレベルの要素を含めることができない古いルールを使用しているため、検証されず正しく表示されないことに注意してください。 HTML5では最初のオプションのみを使用してください。 XHTMLはHTML4と同等ですが、XHTML1.1については100%確信していません(検証してみてください)。

7

HTML 4.01 DTDを使用している場合(過渡的ではありませんが厳密には厳密に)、アンカー要素がヘッダー要素内に表示されている必要があります。使用しているDTDがわからない場合は、あなたのdoctypeをチェックしてください(あなたがoyurコードを有効と見なす必要があると仮定して)。 HTML5のDOCTYPEは次のようになります。

<!DOCTYPE HTML> 

4.01 DOCTYPEがある:あなたが4.01で動作するつもりならば、私はまた、DTD自体に慣れることをお勧めしたい

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

、それがお答えしますこれらすべてのタイプの質問。

関連する問題