この記事では、HTML5のhgroupタグについて学習します。これは、1つ以上の見出し要素をグループにラップするために使用されるタグです。タイトルを作成するために使用される見出し要素は、h1->h6のタグです。

1. HTML5のhgroupタグとは何ですか？

hgroupは、HTML5バージョン以降に追加されたタグです。これらのhタグが同じヘッダータグ内にある必要がある場合、その使用はh1->h6のタグをグループ化するために使用されます。

hgroupタグの構文は次のとおりです。

 <hgroup> ... </hgroup>

ヘッダー内にhタグが1つしかない場合は、 hgroupタグを宣言する必要はありません。

 <article> <header> <h1>Tiêu đề</h1> </header> </article>

2.いつhgroupタグを使用しますか？

パート1で述べたように、ヘッダータグに多くのhタグが含まれている場合にのみ、hgroupタグを使用します。

以下の例のように、ヘッダータグ内にはh1タグが1つしかないため、hgroupは使用しません。

 <article> <header> <h1>Tiêu đề</h1> <p>Đăng ngày 12 / 10 / 2021</p> </header> </article>

ただし、以下の例は異なります。ヘッダー内に2つのタグh1とh2があるため、hgroupを使用する必要があります。

 <article> <header> <hgroup> <h1>TIêu đề chính</h1> <h2>Tiêu đề phụ</h2> </hgroup> </header> </article>

ヘッダー内に説明がある場合は、その説明行をhgroupに含める必要はありません。

 <article> <header> <hgroup> <h1>Tiêu đề chính</h1> <h2> Tiêu đề phụ</h2> </hgroup> <p>Mô tả bài viết</p> </header> </article>

要約すると、次の問題に留意する必要があります。

• hgroupタグは、常にHTML5標準であるヘッダータグ内にあります。
• hgroupタグには、h1->h6のタグであるコンテンツのみが含まれます。
• 他のすべてのカードは外に置く必要があります。

これで、HTMl5でhgroupタグを使用する方法の説明が終わりました。このカードは比較的シンプルで、めったに使用されません。次の投稿でお会いしましょう。