Question

我有一个相当复杂的网站，需要重新设计。

使用html5功能我开始使用这样的结构：

<body>
<header>...</header>
<main>
    <section>...</section>
    <section>...</section>
</main>
<footer>...</footer>
</body>

现在开始在<header>中添加更多内容，如：

<header>
    <section id="hCart">
        <header>...</header>
    </section>
</header>

验证器开始抱怨：＆＃34;元素标题不得作为标题元素的后代出现。＆＃34; 同样适用于<footer>。

将<body>与<header>和<footer>结构化通常是一个坏主意。 <section>部分？或者我做错了什么？

修改

更有意义：

我的网站在页面中包含一些<header> <section>（其中一个是购物车）
规范允许<header>中的<header>，但不允许他们自己提供<header>。
第二个<section>用于定义其中一个<header>＆＃39;头。
根据规范，我知道我无法使用<header>作为<footer>的后代。我想知道的是我该如何以另一种方式在语义上正确地做到这一点？
问题在页面<section><header><img/><h1>external links</h1></header> ... </section>中更大，我想要放置多个部分，例如{{1}}等等。

Answer 1

我们建议您查看html5 doctor网站和w3 link。

正如文档所说＆＃34;需要注意的一点是，您不限于每个站点使用一个元素。您可以使用多个标题，然后每个标题将成为文档的该部分。因此你可以拥有。＆＃34;。

<header>
    <h1>The most important heading on this page</h1>
    <p>With some supplementary information</p>
</header>

<article>
<header>
    <h1>Title of this article</h1>
    <p>By Richard Clark</p>
</header>
    <p>...Lorem Ipsum dolor set amet...</p>
</article>

有关详细信息，请访问html5doctor网站。

根据你的编辑

<footer>
  <section class="external-links">
   <img src="dummy.jpg">
   <h1>External Links</h1>
  </section>
</footer>

最佳实践：在页眉中添加一个部分并为其指定标题

1 个答案: