HGROUP元素已从HTML5规范中删除。可以使用什么替代技术?

HGROUP元素已从HTML5规范中删除。可以使用什么替代技术?,html,w3c,semantic-markup,web-standards,Html,W3c,Semantic Markup,Web Standards,正如你们中的一些人听到的那样,hgroup元素正在从中删除。(有关更多信息,请参阅W3C公共邮件列表存档中的。) 现在我正在重新设计一个站点,使用这个标签创建一个添加子标题的方法 我目前的想法是在主标题下添加另一个hX标记,但我不确定这是否具有足够的语义 <h1>Darren Reay</h1> <h2>A developing web developer</h2> <p>Hello World</p> 达伦·雷伊

正如你们中的一些人听到的那样,
hgroup
元素正在从中删除。(有关更多信息,请参阅W3C公共邮件列表存档中的。)

现在我正在重新设计一个站点,使用这个标签创建一个添加子标题的方法

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

 <h1>Darren Reay</h1>
 <h2>A developing web developer</h2>
 <p>Hello World</p>
达伦·雷伊 正在开发的web开发人员 你好,世界


有谁能想出一个使用子标题的替代方案,或者至少给我指出正确的方向吗?

有几点需要考虑:

  • 即使从HTML5规范中删除了标签,也不意味着它会在一夜之间停止工作。浏览器在很长一段时间内保持向后兼容性(如果不是所有的话,大多数浏览器仍然正确地呈现

  • 即使浏览器会在一夜之间放弃支持,他们仍然会正确地呈现页面,因为我认为hgroup标记没有添加任何固有的样式,而且(现代)浏览器非常宽容地允许他们不识别的标记

  • 我可能看错了这个问题,但从字里行间看,似乎你一直在误用hgroup标记。(它不允许包含除标题元素以外的任何内容。)


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

    我会选择W3C在Lars Gunther提议的文件中建议的替代方案,并使用标题和段落

    您的示例如下所示

    <header>
        <h1>Darren Reay</h1>
        <p>A developing web developer</p>
    </header>
    
    
    达伦·雷伊
    正在开发的web开发人员


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

    HTML5规范现在包括了关于如何标记的建议

    这是我目前在个人网站上使用的技术,以实现标题和子标题的效果:

    <header>
      <h1>
        <a href="http://www.jdclark.org/">Jordan Clark</a>
        <small>Personal and Professional Website</small>
      </h1>
    </header>
    
    
    个人和专业网站
    

    (当然,我只是简单地使用CSS来重新设置
    元素的样式。我个人也相信我的技术在语义上比只使用段落更准确——尽管我不是SEO专家,但我确信通过将副标题文本保留在
    h1
    中,它会比基本段落具有更高的价值。)

    使用
    hgroup
    您可以解决哪些没有它就无法轻松解决的问题?你能让这个问题更具体吗?@dystroy我编辑了这个问题,添加了我目前的想法,希望能澄清这个问题。谢谢你的东西怎么了?这就是你应该如何创建标题和副标题。
    hgroups
    标记只是为了将它们包裹起来,表明它们是相关的。你也可以对一个普通的div做同样的处理。@jimjimmy1995,但是搜索引擎会识别出它们的两个标题,因为它们周围只有一个div?我认为div对搜索引擎来说毫无意义。它们只是css的钩子,我想。@DarrenReay你认为它们在hgroup标记之前是怎么做的?是的,我认为这个问题有点模糊。我只在hgroup中使用过h标记。因此,从我的回答中,我的浏览器现在仍然会识别HGROW,直到一个新的标签被发布到副标题中。代码是语义正确的。现在我读了你链接到的讨论,它明确地说他们考虑从说明书中删除它,因为没有浏览器实现它。所以你很安全。他们不太可能想出一个新标签来代替它,因为
    已经意味着一个副标题。谢谢链接。和我想的差不多。如果我可以的话,我会给你加1分:(新链接:在
    元素中用什么来代替
    (例如:网站标题)?一个
    可以在
    >