html - HGROUP 要素が HTML5 仕様から削除されました。代わりにどのような代替技術を使用できますか?

Question

要素がHTML5 仕様hgroupから削除されていることを聞いた人もいるでしょう。(詳細については、W3C のパブリックメーリングリストアーカイブで、HTML5 からの削除要求に関する W3C HTML ワーキンググループの決定を参照してください。)hgroup

現在、このタグを使用して、サブヘッダーを追加する方法を作成するサイトの再設計に取り組んでいます。

私の現在の考えでは、メインヘッダーの下に別のタグを追加するだけhXですが、これが意味的に十分かどうかはわかりません。

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

誰かがサブヘッダーを使用するための代替案を考え出すか、少なくとも私を正しい方向に向けることができますか?

score 6 · Accepted Answer

考慮すべき点がいくつかあります。

タグが HTML5 仕様から削除されたとしても、一晩で機能しなくなるわけではありません。ブラウザは長期間にわたって後方互換性を維持しています (すべてのブラウザがまだ<font>正しくレンダリングされているわけではありませんが、ほとんどのブラウザがそうです!)
ブラウザーが一晩でサポートを終了したとしても、hgroup タグが固有のスタイルを追加するとは思わず、(最新の) ブラウザーは認識できないタグを許可することに非常に寛容であるため、ページは正しくレンダリングされます。
質問を間違って読んでいる可能性がありますが、行間で hgroup タグを誤用しているように聞こえます。(header 要素以外を含めることはできません。)

タグを完全に削除しても、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