在HTML5中如何组合标题？用哪个元素？

在HTML5中，你不应该组合标题。每个<section>或<article>等语义化内容块应该只有一个主标题（<h1>），然后在必要时使用<h2>到<h6>来构建标题层级。

不要使用多个<h1>在一个<section>或<article>内，也不要为了视觉效果跳过标题级别（例如，从<h1>直接跳到<h3>）。

正确的做法是使用恰当的语义化HTML元素，并通过CSS来控制标题的样式。

以下是一个例子：

<article>
  <h1>如何制作美味的蛋糕</h1>
  <section>
    <h2>准备食材</h2>
    <p>首先，你需要准备以下食材：……</p>
  </section>
  <section>
    <h2>混合食材</h2>
    <p>接下来，将鸡蛋和糖混合在一起……</p>
    <h3>加入牛奶</h3>
    <p>慢慢地加入牛奶……</p>
  </section>
  <section>
    <h2>烘烤</h2>
    <p>将混合物倒入烤盘，然后放入预热好的烤箱……</p>
  </section>
</article>

在这个例子中：

• <h1>是文章的主标题。
• 每个<section>都有一个<h2>作为其子标题。
• 在“混合食材”部分下，<h3>被用来创建一个更深一层的子标题。

通过这种方式，你可以创建清晰的文档结构，这不仅对用户体验和可访问性至关重要，也有利于搜索引擎优化（SEO）。 你可以使用CSS来控制<h1>到<h6>的视觉样式，使它们看起来像你想要的任何大小或样式，而无需破坏文档的语义结构。