html5 - 分隔标题和hX标记

时间:2013-07-10 07:01:05

标签: html5 header

我正在编写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语义?

1 个答案:

答案 0 :(得分:1)

有效。您可以使用w3c validator来完成这些操作。

使用

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

验证,这意味着它符合W3C标准。