从HTML5规范中删除了HGROUP元素。可以使用哪种替代技术？

Question

正如你们中的一些人所听到的那样，hgroup元素正从HTML5 Specification中删除。 （有关详细信息，请参阅W3C的公共邮件列表存档上的W3C HTML Working Group's decision on request to drop hgroup from HTML5。）

现在，我正在使用此标记重新设计网站，以创建添加子标题的方式。

我目前的想法是在主标题下添加另一个hX标记，但我不确定这是否足够语义。

 <h1>Darren Reay</h1>
 <h2>A developing web developer</h2>
 <p>Hello World</p>

任何人都可以提出使用子标题的替代方案，或者至少指出我正确的方向吗？

Answer 1

HTML5规范现在包含有关如何标记Subheadings, subtitles, alternative titles and taglines

的建议

Answer 2

我会选择W3C在Lars Gunther提出的drop hgroup change proposal中建议的替代方案，并使用标题和段落。

你的例子看起来像这样

<header>
    <h1>Darren Reay</h1>
    <p>A developing web developer</p>
</header>

我认为这是正确和语义上的。

Answer 3

要考虑的几点：

1. 即使从HTML5规范中删除了标记，也不意味着它会在一夜之间停止工作。浏览器长时间保持向后兼容性（AFAIK大多数（如果不是所有浏览器）仍能正确呈现<font>！）

2. 即使浏览器会在一夜之间放弃支持，他们仍然会正确呈现页面，因为我认为hgroup标签不会添加任何固有的样式，并且（现代）浏览器在允许标记出现时非常宽松认识。

3. 我可能会错误地阅读这个问题，但是在这些行之间听起来好像你一直在滥用hgroup标签。 （除了标题元素之外，不允许包含任何内容。）

我没有看到完全丢弃标签或用div替换它们的任何问题。

Answer 4

这是我目前在我的个人网站上使用的技术，以实现带有子标题的标题的效果：

<header>
  <h1>
    <a href="http://www.jdclark.org/">Jordan Clark</a>
    <small>Personal and Professional Website</small>
  </h1>
</header>

（然后，当然，我只是使用CSS来重新设置<small>元素的样式。我个人也相信我的技术在语义上比使用段落更准确 - 虽然我不是SEO专家，我确信通过将子标题文本保留在h1中会使其比基本段落更高的值。）