html - 同一个 h1 标签中的两种不同样式

Question

现在我的标题包含两个不同样式的 p 标签:

<p style="color:#FFF; font-size:34px; margin-bottom:10px;">First half</p>
<p style="color:#FFF; font-size:88px;">Second half</p>

是否可以将其转换为一个 h1 标签？或者我可以有两个 h1 吗？主要目的是它应该与 seo 很好地配合。

Answer 1

SEO-wise - 每个网页都应该包含一个 H1 标签。我认为您正在尝试实现的可能解决方案是在 H1 中添加 span 标签，使您能够以不同的方式设置 H1 的每个部分的样式:

HTML:

<h1>
  <span class="smallerFont">First half</span>
  <span class="bigFont">Second half</span>
</h1>

CSS:

h1 {
  color: #fff;
}

.smallerFont {
  font-size: 34px;
  margin-bottom: 10px;
}

.bigFont {
  font-size: 88px;
}