Question

我发现了很多关于HTML5最佳做法的相互矛盾的信息，我想知道我的文章结构是否正确。通常，此站点上的页面将包含带有导航，文章和页脚的标题。

这是我的基本结构：

<body>
    <header>Header content
        <nav>Navigation</nav>
    </header>
    <article>
        <header>
            <h1>Beans, beans</h1> <!--Main title for article-->
            <h2>Good for your heart?</h2> <!--Subtitle for article-->
        </header>
        <section>
            <header>
                <h3>Legume-based Flatulence</h3> <!--Section title-->
            </header>
            <p>Lorem ipsum beans beans beans.</p>
        </section>
        <section>
            <header>
                <h3>Gas and Good Feelings</h3>
            </header>
            <p>Correlation does not imply causation.</p>
            <footer> <!--Section footer for sources or...?-->
                Source: Phenomenological Farts, a Study in Siena
            </footer>
        </section>
        <section>
            <header>
                <h3>Beans for Every Meal?</h3>
            </header>
            <p>This is probably a terrible idea.</p>
        </section>
        <footer> <!--Article footer for additional downloads, etc-->
            <a href="#">Download this article!</a>
        </footer>
    </article>
    <footer>
        Footer content.
    </footer>
</body>

这有意义吗？在文章的章节中使用页眉和页脚是否可以接受？

Answer 1

如果您不确定其他人可以使用哪些标签，只需查看w3.org处的规格。或者通过validator运行您的代码。 The spec声明可以在允许section的任何容器内使用header，article和flow elements标记。所以到目前为止你所拥有的是有效的。

Answer 2

我打算推荐<hgroup>用于分组标题，但不再是http://www.webmonkey.com/2013/04/w3c-drops-hgroup-tag-from-html5-spec/。也许在其位置使用header。来自W3C的更多信息和建议：http://www.w3.org/html/wg/drafts/html/master/common-idioms.html#sub-head

我还会将您的其他h3更改为h2，因为它们是节标题。

最后由header组成的hx soley是多余的。

有关Headers和Footers

的更多信息

HTML5 - 文章结构：章节和标题

2 个答案: