html - html5 - 分离标题和 hX 标签

Question

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

score 1 · Accepted Answer

这是有效的。您可以为这些事情使用w3c 验证器。

使用

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

验证，因此这意味着它符合 W3C 标准。

1 回答 1