我是否需要所有这些 HTML5 标签作为我网站的主标题？

Question

我开始学习 html/css，在整个学习过程中，我发现语义的概念受到了很大的压力。大多数时候我明白我应该使用什么并且一切正常。但是很多时候感觉简单的东西标签太多了，例如：

假设我的网站上有一个带有一些导航链接的主标题，从语义上我得到了：

<section id="masterHeader">
    <header>
        <nav>
            <ul>
                <li><a href="#"> link </a></li>
            </ul>
        </nav>
     </header>
</section>

这是否太过分了，还是我应该这样做，因为它确实完全有意义？似乎有很多不需要的标签。

Answer 1

语义设计页面的目的不是因为它更容易让你作为设计者阅读（尽管这是一个很好的好处）或者因为它更轻量级（它通常不是）。相反，语义设计的目的是为您的代码添加意义，这是简单地使用 ID 和类制作 div 无法完成的。爬取您网站的搜索引擎在语义上标记后，表面上可以更好地理解您的代码。

问题是，IE8 及更低版本本身不支持这些语义元素，因此需要 js shiv。但是，如果禁用了 JS，那么您的布局会在 IE8 中中断并降低。这是您在考虑使用 HTML5 元素之前必须认真权衡的权衡，因为您的布局将在没有 js 的 IE8-6 中中断。

另外，我认为 section 元素在您在这里的使用中在语义上是不正确的（但我可能错了，我必须检查 w3c 规范）。但这既不是这里也不是那里，而且大多只是吹毛求疵。

Answer 2

似乎没有必要在部分标签中包含标题标签。相反，它应该看起来像这样：

<header id="masterHeader">
    <nav>
        <ul>
            <li><a href="#"></a></li>
        </ul>
    <nav>
</header>