html - HGROUP 元素已从 HTML5 规范中移除。可以使用什么替代技术？

Question

正如你们中的一些人听说的那样，该hgroup元素正在从HTML5 规范中删除。（有关更多信息，请参阅W3C HTML 工作组关于从W3C 的公共邮件列表档案中删除HTML5 的请求的决定。）hgroup

现在我正在使用这个标签重新设计一个网站，它创建了一种添加子标题的方法。

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

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

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

score 27 · Accepted Answer

27

于 2013-05-01T06:24:41.387 回答

score 8 · Accepted Answer

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

你的例子看起来像这样

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

我觉得这在语义上是正确的。

score 6 · Accepted Answer

需要考虑的几点：

即使标签从 HTML5 规范中删除，也不意味着它会在一夜之间停止工作。浏览器保持向后兼容性很长一段时间（AFAIK，如果不是所有浏览器仍然<font>正确呈现！）
即使浏览器会在一夜之间放弃支持，它们仍然会正确呈现页面，因为我认为 hgroup 标签不会添加任何固有样式，并且（现代）浏览器在允许他们无法识别的标签方面非常宽松。
我可能读错了这个问题，但在字里行间听起来你一直在滥用 hgroup 标签。（不允许包含除标题元素以外的任何内容。）

我认为完全删除标签或用 div 替换它们没有任何问题。

score 0 · Accepted Answer

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

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

（然后，当然，我只是简单地使用 CSS 来重新设置<small>元素的样式。我个人也相信我的技术在语义上比仅使用段落更准确——虽然我不是 SEO 专家，但我确信通过保持中的副标题文本h1将赋予它比基本段落更高的价值。）

4 回答 4