三部分页脚应包含哪些 HTML5 标签

Question

我发现使用新的 HTML 5 标签使 HTML 的语义越丰富，文档的样式设置和使用就越容易。我是 HTML 5 的新手，而且只是一个 HTML 新手，但我想让我的 HTML 5 在语义上尽可能正确。目前我的 HTML 5 页脚像这样划分。

    <footer>
        <section>
            <h2>Contact</h2>
            <ul>
                <li><a href="snip">Email</a></li>
                <li><a href="snip">Tweet</a></li>
            </ul>
        </section>
        <section>
            <h2>Explore</h2>
            <ul>
                <li><a href="snip">Stack Overflow</a></li>
                <li><a href="snip">LinkedIn</a></li>
                <li><a href="snip">Flickr</a></li>
                <li><a href="snip">Google+</a></li>
            </ul>
        </section>
        <section>
            <h2>About</h2>
            <p>
               snip
            </p>
        </section>
    </footer>

我正在查询的特定标签是 h2 标签的部分和使用。我认为部分在语义上比旁白或文章更正确，因为页脚的每个部分都是一个部分。 h2 也是我关心的问题。我想使用 H1，因为它是本节中的第一个标题，但我担心如果我使用 h1 而不是 h2，谷歌蜘蛛会避开我并阻止我结交网络朋友。

非常感谢从事语义工作的人们的想法。

Answer 1

您可能需要在联系信息周围添加 address 标签：

<footer>
    <section>
        <h1>Contact</h1>
        <address>
            <ul>
                <li><a href="snip">Email</a></li>
                <li><a href="snip">Tweet</a></li>
            </ul>
        </address>
    </section>
    <section>
        <h1>Explore</h1>
        <ul>
            <li><a href="snip">Stack Overflow</a></li>
            <li><a href="snip">LinkedIn</a></li>
            <li><a href="snip">Flickr</a></li>
            <li><a href="snip">Google+</a></li>
        </ul>
    </section>
    <section>
        <h1>About</h1>
        <p>
           snip
        </p>
    </section>
</footer>

这在语义上是正确的，但请注意旧版浏览器在实现

时存在问题>。在 Firefox 3.6.12 中，不允许将块元素放置在

就像这里讨论的。

编辑：
还将

更改为

：

请注意，使用section意味着作者可以在整个过程中使用h1元素，而不必担心特定部分是否位于顶层、第二层、第三层等等。