From fd484eea3024d350a60ca3bde9d1f7745e89307b Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 21 Apr 2021 01:16:00 +0900 Subject: Web/HTML/Element/hgroup を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 2021/03/08 時点の英語版に同期 --- files/ja/web/html/element/hgroup/index.html | 73 +++++++++++++++-------------- 1 file changed, 37 insertions(+), 36 deletions(-) diff --git a/files/ja/web/html/element/hgroup/index.html b/files/ja/web/html/element/hgroup/index.html index 68e33d95f2..ac206a5871 100644 --- a/files/ja/web/html/element/hgroup/index.html +++ b/files/ja/web/html/element/hgroup/index.html @@ -2,31 +2,26 @@ title:
slug: Web/HTML/Element/hgroup tags: + - Deprecated + - Element - Experimental - HTML - - HTML セクション - HTML5 - - 'HTML:フローコンテンツ' - - 'HTML:知覚可能コンテンツ' - - 'HTML:見出しコンテンツ' - Reference - - ウェブ - - 要素 + - Web translation_of: Web/HTML/Element/hgroup --- -
{{HTMLRef}}
+
{{HTMLRef}}{{deprecated_header}}

HTML の <hgroup> 要素は、文書のセクションの、複数レベルの見出しを表します。これは <h1>–<h6> 要素のセットをグループ化します。

{{EmbedInteractiveExample("pages/tabbed/hgroup.html", "tabbed-standard")}}
- - - - + + @@ -38,11 +33,15 @@ translation_of: Web/HTML/Element/hgroup - + + + + + - + @@ -51,23 +50,23 @@ translation_of: Web/HTML/Element/hgroup
コンテンツカテゴリフローコンテンツ, 見出しコンテンツ, 知覚可能コンテンツコンテンツカテゴリフローコンテンツ, 見出しコンテンツ, 知覚可能コンテンツ
許可されている内容
許可されている親要素フローコンテンツを受け入れるすべての要素フローコンテンツを受け入れるすべての要素
暗黙の ARIA ロール対応するロールなし
許可されている ARIA ロール{{ARIARole("tab")}}, {{ARIARole("presentation")}}すべて
DOM インターフェイス
-

属性

+

属性

この要素にはグローバル属性のみがあります。

-

使用上の注意

+

使用上の注意

<hgroup> 要素は HTML5 (W3C) 仕様から削除されましたが、 WHATWG 版の HTML には依然として含まれています。ほとんどのブラウザーで部分的に実装されており、実装が削除される可能性は低くなっています。
- ただし、<hgroup> 要素の主要な目的は HTML 仕様書で定義されたアウトラインのアルゴリズムによって見出しをどのように表示するかに作用することですが、どのブラウザーでもアウトラインのアルゴリズムは実装されていないため、 <hgroup> のセマンティクスは実際のところ、理論上のものになっています。
- HTML5 (W3C) 仕様書では、<hgroup>を使用せずに副見出し、サブタイトル、代替タイトル、スローガンをマークアップする方法についてアドバイスを提供しています。

+ ただし、<hgroup> 要素の主要な目的は HTML 仕様書で定義されたアウトラインのアルゴリズムによって見出しをどのように表示するかに作用することですが、どのブラウザーでもアウトラインのアルゴリズムは実装されていないため、 <hgroup> のセマンティクスは実際のところ、理論上のものになっています。
+ HTML5 (W3C) 仕様書では、<hgroup>を使用せずに副見出し、サブタイトル、代替タイトル、スローガンをマークアップする方法についてアドバイスを提供しています。

<hgroup> 要素は、複数レベルの見出しを構成するために文書のセクションの主見出しと副次的な見出し（副見出しや副題など）をグループ化することが可能です。

言い換えると、 <hgroup> 要素は副次的な子の <h1>–<h6> がアウトライン内で独自のセクションを生成することを妨げます。これらの <h1>–<h6> 要素は <hgroup> の子でなければ通常どおりです。

-

よって HTML 仕様書で定義されているアウトラインのアルゴリズムで生成される理論的なアウトラインでは、<hgroup> は全体としてひとつの論理的な見出しを構成します。そして <hgroup> の子である <h1>–<h6> とともに、理論的なアウトライン内でひとつの論理的な見出しを構成するために複数レベルのユニットとしてのアウトラインになります。

+

よって HTML 仕様書で定義されているアウトラインのアルゴリズムで生成される理論的なアウトラインでは、<hgroup> は全体としてひとつの論理的な見出しを構成します。そして <hgroup> の子である <h1>–<h6> とともに、理論的なアウトライン内でひとつの論理的な見出しを構成するために複数レベルのユニットとしてのアウトラインになります。

このようなアウトラインの (理論的ではない) 描画ビューを生成するために、マルチレベルの性質を伝えるため <hgroup> の見出しをどのように描画するかについて、レンダリングツールのデザインでいくつかの選択が必要です。例えば以下のように、描画されたアウトラインで <hgroup> を表示するさまざまな方法が考えられます:

@@ -94,17 +93,17 @@ translation_of: Web/HTML/Element/hgroup

この文書のアウトラインを描画すると、以下のようになるでしょう。

-

+

ここでは主見出し「HTML」の後にコロンと空白を置いて、副次的な見出し「Living Standard — Last Updated 12 August 2016」が続きます。

あるいは、以下のようにアウトラインを描画することもできるでしょう。

-

Rendered outline that includes an <hgroup> element, with parens around the secondary heading

+

<hgroup> 要素を含む描画されたアウトライン、第二の見出しの周りに括弧がある

ここでは主見出し「HTML」の後に、括弧でくくった副次的な見出し「 (Living Standard — Last Updated 12 August 2016)」があります。

-

例

+

例

<hgroup id="document-title">
   <h1>HTML</h1>
@@ -112,34 +111,36 @@ translation_of: Web/HTML/Element/hgroup
 </hgroup>
-

仕様書

+

仕様書

- + - - - + + + - - + + - - - + + + - +
仕様書状態備考仕様書状態備考
{{SpecName('HTML WHATWG', 'semantics.html#the-hgroup-element', '<hgroup>')}}{{Spec2('HTML WHATWG')}} {{SpecName('HTML WHATWG', 'semantics.html#the-hgroup-element', '<hgroup>')}}{{Spec2('HTML WHATWG')}}
-

ブラウザーの対応

+

アクセシビリティの考慮

+ +

hgroup が存在すると、見出しグループの小見出し部分について支援技術に報告された情報を削除する可能性があります。

- +

ブラウザーの互換性

{{Compat("html.elements.hgroup")}}

-

関連情報

+

関連情報

-- cgit v1.2.3-54-g00ecf