如何对文章中的标题进行语义标记，如下图所示？我经常遇到这个问题；我有一个在视觉上首先出现的标题，但它是一个副标题、介绍标题或不如主标题重要。我可以把它放在主标题之后，然后用 CSS 将它移到上面，但这并不总是一个理想的解决方案。
另一个问题：是否有任何特殊的方法来标记引导段落？
不允许？
<article>
<h2>New prodcut</h2>
<h1>Launching our new x-series</h1>
<p class="lead">Lorem ipsum dolor sit amet...</p>
<p>Integer varius, turpis sit amet accumsan...</p>
...
</article>
【问题讨论】：
不要为副标题使用标题元素 (h1-h6)。 hgroup 元素曾经可以做到这一点，但它被删除了。
现在 HTML5 规范中有一个关于 Subheadings, subtitles, alternative titles and taglines 的部分。使用p 元素作为副标题，并将标题和副标题组合到header 元素中：
<article>
<header>
<p>New product</p>
<h1>Launching our new X-series</h1>
</header>
</article>
如果你认为开头段落也应该是part of the header (instead of the main content)，你也可以把它放在header中。
【讨论】：
虽然你所做的在语法上是允许的，但我认为这会给低视力用户造成混淆。
做这样的事情怎么样：
<div class="newproduct>New Product</div>
<div class="articletitle">Launching our new x-series</div>
Lorem ipsum....
如果您想使用一些较新的 HTML，我建议您查看 article 和 section 标签。
【讨论】：