HTML5 の hgroup は何をするのでしょうか? HTML5 での hgroup タグの具体的な使用法については、ここをクリックしてご覧ください。

寻∝梦
リリース: 2018-08-15 16:36:53
オリジナル
6210 人が閲覧しました

HTML5 での hgroup は何をしますか? HTML5 での hgroup タグの具体的な使い方については、こちらをご覧ください。この記事では、HTML5 での hgroup の具体的な使い方、タグの書き方、機能などについて詳しく説明します。 . 詳細に分析しました。あまり読まないで、テキストだけを読んでください。

タグは HTML 5 の新しいタグです。

HTML5におけるhgroupタグの機能は以下の通りです:

タグはWebページやセクションのタイトルを結合するために使用されます。

タグは、Web ページまたはセクション (DOM インターフェイス、設定可能な属性) のタイトル要素 (h1 ~ h6) をグループ化するために使用されます。

たとえば、セクション内に連続した h 系列のタグ要素がある場合、hgroup を使用してそれらを囲むことができます。

HTML5 の hgroup タグは次のように記述されます:

Web ページまたはセクションのタイトルを結合するには

タグを使用します。

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
ログイン後にコピー

タイトルグループを表示するにはhgroupタグを使用します:

<hgroup>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
<h3>这是一个列表</h3>
</hgroup>
ログイン後にコピー

hgroup要素とは:

hgroup要素は、タイトルとそのサブタイトルをグループ化する要素です。 hgroup 要素は通常、h1 ~ h6 要素をグループ化します。たとえば、コンテンツ ブロックのタイトルとそのサブタイトルはグループとみなされます。通常、記事のメインタイトルが 1 つだけの場合、hgroup 要素は必要ありません。

hgroup 要素の具体的な使用法:

以下に、開発環境での詳細なデモを示します:

<article>
<header>
<h1>文章标题</h1>
<p><time datetiem=”2014-10-08”>2014年10月8日</time></p>
</header>
<p>文章正文</p>
</article>
ログイン後にコピー

記事にメイン タイトルと、メイン タイトルの下にサブタイトルがある場合、hgroup 要素が必要です。

<article>
<header>
<hgroup>
<h1>文章主标题</h1>
<h2>文章子标题</h2>
</hgroup>
<p><time datetime=”2014-10-08”>2014年10月08日</time></p>
</header>
<p>文章正文</p>
</article>
ログイン後にコピー

これらのコードの効果はご自身で想像してみてください^^

同じブロック内のタイトルにメインタイトルとサブタイトルがある場合、それらをラップするための hgroup 要素が必要です。使用頻度は低いですが、依然として必須のタグです。ただし、このタグは HTML5.1 で廃止されましたが、他のバージョンでも非常に便利です。質問があれば、この記事はここまでです。

【関連おすすめ】

HTML5のWebとは何ですか? Webストレージの要素は何ですか?

HTML5のarticleタグとは何ですか? HTML5 では、article 要素はどこで使用されますか?


以上がHTML5 の hgroup は何をするのでしょうか? HTML5 での hgroup タグの具体的な使用法については、ここをクリックしてご覧ください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!