文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5：#Header或<header>

问HTML5：#Header或<header>
EN

Stack Overflow用户

提问于 2013-06-27 03:55:39

回答 2查看 111关注 0票数 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/。它告诉我，它对<article>的标题很有用，它不会给我提供关于这种情况的信息。

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-27 03:57:52

<header>不仅适用于文章的页眉，也适用于<section>的页眉。您可以使用这两个示例，没有问题。我建议您使用<header>，以使可读性更好。

票数 2

Stack Overflow用户

发布于 2013-06-27 04:07:36

根据HTML规范

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

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

header {
    // style the header
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17329278

复制

相似问题

问HTML5：#Header或<header>
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5：#Header或<header>EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5：#Header或<header>
EN