HTML5 多个 H2 标签答案

【问题标题】：HTML5 Multiple H2 tagsHTML5 多个 H2 标签
【发布时间】：2017-11-07 13:50:36
【问题描述】：

我能摆脱以下吗：

<div id="titles">
 <h1>Main Title</h1>
 <h2>Subtitle One</h2>
 <h2>Subtitle Two</h2>
 <h2>Subtitle Three</h2>
</div>

H2 之间没有段落或 h3/h4 标签？还是使用跨度和中断将所有三个标题包装到一个 H2 标记中更好？它们是客户提供的主要三种服务。

谢谢！

【问题讨论】：

你可以，但这完全取决于你想要的输出是什么以及你如何设计它们。
您的代码是 html5 有效的。

标签： html tags html-heading

【解决方案1】：

如果 Subtitle Two 独立于 Subtitle One 我会将它们放在单独的 H2 标签中。

访问this page 了解有关 HTML 标题的更多信息。

因为它只是普通的 HTML，你可以做任何你想做的事情。这完全取决于您。

【讨论】：

【解决方案2】：

如果您必须将它们设置为h2，最好将它们作为单独的标签，因为这样可以更好地构建页面，并且可以更轻松地使用 css 等编辑单个字幕。

更好的选择是将字幕作为无序列表。例如：

<div id="titles">
    <h1>Main Title</h1>
    <ul>
        <li>Subtitle One</li>
        <li>Subtitle Two</li>
        <li>Subtitle Three</li>
    </ul>
</div>

并将其设置为这样，使其看起来像h2：

<style type="text/css">
#titles ul {
    list-style: none;
}
#titles ul li {
    font-weight: bold;
    font-size: 24px;
}
</style>

这对搜索引擎和代码可读性更好。

搜索引擎使用标题来索引结构和内容您的网页。

用户通过标题浏览您的页面。使用标题很重要显示文档结构。

https://www.w3schools.com/html/html_headings.asp

【讨论】：