1

私は HTML(5) を書いていますが、いくつかの異なるページに、ヘッダー (灰色のバーで表されます) を含むいくつかのセクションがあります。これは、この灰色のバーにナビゲーション補助が含まれている 1 ページを除いて一般的なパターンですが、ヘッダー (h1 のように) は灰色のバーではなく、その下にあります。

セマンティックHTML5を書くという点では、次のようなものを持つことは違反です:

<header><a>Go Back<a/></header>

<h1>This is the header</h1>

または、次のようにする必要があります。

<div class="nav-links"><a>Go Back</a></div>

<header><h1>This is the header</h1></header>

後者は、エッジ ケースを処理するためにはるかに多くの CSS を必要とするため、前者が HTML に違反していない場合は、後者を好みます。

最初の方法は HTML5 のセマンティクスに違反していますか?

4

1 に答える 1

1

有効です。これらにはw3c バリデーターを使用できます。

使用して

<!DOCTYPE html>
<head><title></title></head>
<body>
<header><a>Go Back</a>
</header>
<h1>This is the header</h1>
</body></html>

W3C 標準で有効であることを意味するように検証します。

于 2013-07-10T08:25:56.840 に答える