首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在HTML5中正确使用h1

如何在HTML5中正确使用h1
EN

Stack Overflow用户
提问于 2011-09-14 00:30:30
回答 3查看 36.6K关注 0票数 82

以下哪一项是构建页面结构的正确方法:

仅在h1 header中使用1)

代码语言:javascript
运行
复制
<header>
    <h1>Site title</h1>
    <nav>...</nav>
</header>
<section>
    <h2>Page title</h2>
</section>

如果我在header中专门使用h1作为站点的标题,那么每个页面的h1标记都有相同的内容。这似乎不是很有意义。

2)针对站点和页面标题,在h1 header section**,和section**,中使用**

代码语言:javascript
运行
复制
<header>
    <h1>Site title</h1>
    <nav>...</nav>
</header>
<section>
    <h1>Page title</h1>
</section>

我还见过多次在headersection标记中使用h1的例子。然而,同一个页面有两个标题不是错误的吗?此示例显示了多个header和h1标记http://orderedlist.com/resources/html-css/structural-tags-in-html5/

3)仅在h1 section**,中使用强调页面标题**

代码语言:javascript
运行
复制
<header>
    <p>Site title</p>
    <nav>...</nav>
</header>
<section>
    <h1>Page title</h1>
</section>

最后,W3似乎建议在主section元素中使用h1,这是否意味着我不应该在header元素中使用它?

节可以包含任何级别的标题,但强烈建议作者只使用h1元素,或者使用适当级别的元素作为节的嵌套级别。

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

https://stackoverflow.com/questions/7405282

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档