HTML5对HTML5的影响是不是很糟糕？

Question

所以我一直在玩我正在重新设计的网站的HTML.感谢HTML5 shiv,我一直在使用闪亮的新HTML5标签.因此,我开始觉得我有很多标签杂乱.例如:

<header>
    <nav>
        <h1 id="logo"><a href="/">Logo Image CSS'd in here</a></h1>
        <ul>
            <li><a href="/page-1">Page 1</a></li>
            <li><a href="/page-1">Page 2</a></li>
            <li><a href="/page-1">Page 3</a></li>
            <!-- etc. -->
        </ul>
    </nav>
</header>

我已经包含了我的徽标,<nav>因为我有空间限制,我删除了明确的Home链接(我的主页只是子页面内容的摘要,带有内联链接).从语义上讲,我认为HTML5文档应该同时具有<header>和<nav>.毕竟,<nav>单独并不意味着它是主页面导航(我<nav>用来包装我的面包屑和页脚链接),我觉得我的<ul>浮动<header>缺少一个<nav>标签.

那我是一个HTML5时髦并在这里过度使用它吗？或者这是否超标(特别是因为<header>标签具有所有样式,并且<nav>没有)不必要？

Answer 1

语义并不关心元素最终是否会被设置样式。它关心以易于理解的方式概述页面。通过将所有这些链接放在<header>带有徽标的元素内，它们不一定意味着任何内容。但是，通过将它们放入<nav>元素中，您可以指示它是导航，这意味着很多，即使<nav>用户通过样式并不清楚该元素的存在。

我个人不会在 nav 元素中使用额外的无序列表。除了额外的样式元素之外，我从来没有真正理解使用列表进行导航的论点，这对我来说似乎相当不语义。