网页使用 h1 标签的正确方法

来源:网络整理  作者:佚名  7 次阅读

页面应该在语义上构建,完全不考虑布局或样式。在我看来,正确的标记应该是:

<div class="header">
<h1>Creative work name</h1>
Episode 2

</div>

这对谷歌和屏幕阅读器等最有意义。然后只需使用 CSS 来显示您喜欢的标题。
通常,在 HTML 中,文档正文是 HTML 页面的主要部分,并且只能包含一个 H1。在 HTML5 中,该

元素允许您在主文档中有多个标题,只要它们在这些部分标签内即可。如果您计划在同一页面上有多个剧集,您可以使用以下结构:
<body>
<section id="episode1">
<h1>Episode 1 <span style="display:block;">Creative work name</span></h1>
<p>Description</p>
</section><section id="episode2">
<h1>Episode 2 <span style="display:block;">Creative work name</span></h1>
<p>Description</p>
</section>
</body>



本文地址:https://www.yiwen55.com/83732.html
版权声明:本文来源于网络公开资源整理,版权归原作者所有,欢迎分享本文,转载请保留出处!