1. ホーム
  2. html

[解決済み] how to mix links ( <a> tag ) and headings ( <h1> tag ) in web standard?

2022-12-12 08:16:28

Question

What is the correct code to create a link with heading 1 according to web standards?

is it

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

or

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

Thanks

How to solved?

According to web standards you aren't allowed to put block elements into inline elements.

As h1 is a block element and a is an inline element the correct way is:

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

ここにリンクがあるので、もっと詳しく知ることができます。 w3 ビジュアルフォーマットモデル

ただし、HTML5 では例外的にブロックレベル要素(例えば div , p または h* ) をアンカータグの中に入れてください。ブロックレベル要素をアンカー以外のインライン要素で包むことは、やはり標準に反しています。