Web標準でリンク（<a>タグ）と見出し（<h1>タグ）を混在させる方法

Web標準に従って見出し1のリンクを作成するための正しいコードは何ですか？

それは...ですか

<h1><a href="http://stackoverflow.com"> stackoverflow </a></h1>

または

<a href="http://stackoverflow.com"><h1> stackoverflow </h1></a>

ありがとう

ウェブ標準によると、ブロック要素をインライン要素に入れることは許可されていません。

h1ブロック要素とaインライン要素であり、正しい方法です。

<h1><a href="#">This is a title</a></h1>

詳細については、こちらのリンクをご覧ください：w3視覚フォーマットモデル

しかし、HTML5で、ブロックレベル要素（のようなラップする有効であることを例外があるdiv、pまたはh*アンカータグで）が。アンカー以外のインライン要素でブロックレベル要素をラップすることは、依然として標準に反しています。

HTML5がこの件名を更新しました：別の質問で述べたように、ブロックレベルの要素をAでラップしても問題ありません：https : //stackoverflow.com/a/9782054/674965そしてここ：http : //davidwalsh.name/html5-要素リンク

HTML5では、ブロックレベルの要素をリンクタグでラップできます。ただし、古いブラウザではバグが表示される場合があります。Firefox 3.6.18でこれに遭遇し、コードにmoz-rs-heading = ""が挿入されました。したがって、私のスタイルは壊れました。回避策が気になる場合は、リンクタグをdivでラップできます。以下は、追加コードが機能する理由のより良い説明を提供しますhttp://oli.jp/2009/html5-block-level-links/

a > h1 テキストの選択が困難になります

どちらもHTML5では完全に有効であるため、使用することをお勧めします h1 > a