0

我现在对 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>

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

4

2 回答 2

2

<header>也适用于页眉或 a<section>的页眉，而不仅仅是文章。您可以毫无问题地使用这两个示例。我建议您使用它<header>以提高可读性。

于 2013-06-26T19:57:51.740 回答
1

根据 HTML 规范

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

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

header {
    // style the header
}
于 2013-06-26T20:07:35.590 回答