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

所以我一直在玩我正在重新设计的网站的 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>没有)不必要？

解决方法

好的语义并不关心元素最终是否会被设计样式.它关心以可理解的方式概述页面.只需将所有这些链接放在< header>中即可.带有徽标的元素,它们并不一定意味着什么.但是将它们放在< nav>中元素,你指示它的导航,这意味着相当多,即使存在< nav>用户通过样式不清楚元素.

我个人不在nav元素中使用额外的无序列表.我从来没有真正理解使用列表进行导航而不是额外的样式元素的论点,这对我来说似乎是非语义的.