HTML5多个H2标签

时间:2017-11-07 13:50:37

标签: html5 tags html-heading

我可以逃避以下事项:

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

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

谢谢!

2 个答案:

答案 0 :(得分:0)

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

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

因为它只是简单的HTML,你可以做任何你想做的事情。这完全取决于你。

答案 1 :(得分:0)

如果你必须将它们作为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