2

一段时间以来，我一直在使用 HTML5 构建网站，我喜欢使用它提供的新标签。避免在 div 之后使用 div 的能力是一件很棒的事情，它可以使 html 更清晰、更容易阅读。让我有点困惑的是，何时使用 div 标签在语义上是正确的。我知道 div 是语义标记内容的集合，可能需要组合在一起，但我已经看到了许多编写 HTML5 的方法以及程序员如何使用 div，我只是不确定什么是正确的方式和错误的方式或换句话说，好的方式和更好的方式。

例如：

<div id="header">
    <header>
        <h1>Here is a header!</h1>
    </header>       
</div>

<header id="header">
    <h1>Here is a header!</h1>
</header>

两者都是编写 html 的方法，但其中一种在语义上比另一种更正确吗？将 id 或类添加到页眉、页脚、导航或旁边标签并设置它们的样式是最佳做法，还是为 div 标签添加样式？还是有可能我只是在想这个？如果有人可以帮助我休息并给我一个很好的理解，那就太好了！

4

2 回答 2

0

使用标签并使用 Modernizer.js，因此您可以获得 IE 支持。

于 2012-09-07T03:30:25.977 回答
0

我认为编写标题的语义方式类似于

<header>
    <h1>This is the page heading!</h1>
    <!-- extra header information -->
    <p>A paragraph explaining the page</p>
    <!-- navigation can go into the header, but it doesn't have to -->
    <nav>
        <ul>
            <li><a href="/example-page">Example page</a></li>
        </ul>
    </nav>
</header>

关键点是 header 元素不应该在 div#header 元素内，因为那是多余的。出于同样的原因，标题元素也不需要 id。

于 2013-06-27T03:39:54.990 回答