html - 我的网站的主标题是否需要所有这些 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 元素之前，您必须认真权衡这一权衡，因为您的布局将在 IE8-6 中使用 no-js 中断。

此外，我认为 section 元素在您此处的使用中在语义上不正确(但我可能是错的，我必须检查 w3c 规范)。但这既不存在也不存在，主要是吹毛求疵。