Question

我现在对html有点困惑，所以我对语义元素提出了一个问题：

我应该这样使用吗？

<html>
<head>
    <title>Some page</title>
</head>
<body>
    <header class="main-header">
        <!-- menu and imaganary logo -->
        <nav>
            <ul>
                <li>Demo</li>
            </ul>
        </nav>
    </header>
</body>
</html>

还是这个？

<html>
<head>
    <title>Some page</title>
</head>
<body>
    <div class="main-header">
        <!-- menu and imaganary logo -->
        <nav>
            <ul>
                <li>Demo</li>
            </ul>
        </nav>
    </header>
</body>
</html>

我读了http://html5doctor.com/the-header-element/关于标题元素的内容。它告诉它对<article>的标题有用它没有给我关于这种情况的信息。

Answer 1

<header>也适用于页眉或<section>标题，不仅适用于文章。您可以毫无问题地使用这两个示例。我建议您使用<header>以便于阅读。

Answer 2

根据HTML规范

<header>元素通常包含该部分的标题（<h1＆gt; - <h6>元素或<hgroup>元素），但这不是必需的。该元素还可用于包装部分的目录，搜索表单或任何相关徽标。

所以，您可能应该使用第一个示例，尽管第二个示例也可以毫无问题地使用。您也可以直接在CSS中使用header元素，如下所示。

header {
    // style the header
}

HTML 5：#Header或<header> </header>

2 个答案: