From 869dd2069c695ee7040cd3261713212155819f42 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Mon, 14 Dec 2020 12:18:12 -0500 Subject: final dump 2020-12-14 --- files/ja/web/html/element/main/index.html | 32 +++++++++++++------------ files/ja/web/html/index.html | 26 ++++++++++---------- files/ja/web/html/preloading_content/index.html | 8 +++---- 3 files changed, 33 insertions(+), 33 deletions(-) (limited to 'files/ja/web/html') diff --git a/files/ja/web/html/element/main/index.html b/files/ja/web/html/element/main/index.html index 8c3e730415..275070480d 100644 --- a/files/ja/web/html/element/main/index.html +++ b/files/ja/web/html/element/main/index.html @@ -2,13 +2,11 @@ title:
slug: Web/HTML/Element/main tags: + - Element - HTML - - HTML コンテンツグループ化 - - 'HTML:フローコンテンツ' - - 'HTML:知覚可能コンテンツ' + - HTML sections - Reference - main - - 要素 translation_of: Web/HTML/Element/main ---
{{HTMLRef}}
@@ -24,12 +22,12 @@ translation_of: Web/HTML/Element/main - - + + - + @@ -37,11 +35,15 @@ translation_of: Web/HTML/Element/main - + + + + + - + @@ -62,7 +64,7 @@ translation_of: Web/HTML/Element/main

-
<!-- 他のコンテンツ -->
+
<!-- 他のコンテンツ -->
 
 <main>
   <h1>Apples</h1>
@@ -87,7 +89,7 @@ translation_of: Web/HTML/Element/main
 
 <!-- 他のコンテンツ -->
-

アクセシビリティの考慮事項

+

アクセシビリティの考慮

ランドマーク

@@ -99,7 +101,7 @@ translation_of: Web/HTML/Element/main

{{htmlattrxref("id")}} 属性を追加することで、 <main> 要素がスキップナビゲーションリンクのターゲットになることができます。

-
<body>
+
<body>
   <a href="#main-content">Skip to main content</a>
 
   <!-- navigation and header content -->
@@ -107,7 +109,7 @@ translation_of: Web/HTML/Element/main
   <main id="main-content">
     <!-- main page content -->
   </main>
-</body>
+</body>
 
    @@ -153,9 +155,9 @@ translation_of: Web/HTML/Element/main

    ブラウザーの互換性

    -

    <main> は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティにするために <main> 要素に ARIA の "main" ロールを追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 role 属性を含めれば <main> 要素の意味論的な意味を理解できるでしょう)。

    +

    <main> は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティのために {{glossary("ARIA")}} の "main" ロールを <main> 要素に追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 <main> 要素の意味論的な意味を role 属性を含めることで理解できるでしょう)。

    -
    <main role="main">
    +
    <main role="main">
       ...
     </main>
     
    diff --git a/files/ja/web/html/index.html b/files/ja/web/html/index.html index 7a9889c191..12d6268117 100644 --- a/files/ja/web/html/index.html +++ b/files/ja/web/html/index.html @@ -21,19 +21,16 @@ translation_of: Web/HTML

    以下の記事が HTML についてもっと学ぶのに役立ちます。

    -
    -
      -
    • HTML 入門 - -

      ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明するHTMLの基本をご覧ください。

      -
    • -
    • HTML チュートリアル -

      チュートリアルや例を含む HTML の使用方法に関する記事は、HTML 学習エリアを確認してください。

      -
    • -
    • HTML リファレンス -

      広範な HTML リファレンスの章で、 HTML のすべての要素と属性についての詳細が分かります。

      -
    • -
    +

    中心的なリソース

    + +
    +
    HTML 入門
    +
    ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明するHTMLの基本をご覧ください。
    +
    HTML チュートリアル
    +
    チュートリアルや例を含む HTML の使用方法に関する記事は、HTML 学習エリアを確認してください。
    +
    HTML リファレンス
    +
    広範な HTML リファレンスの章で、 HTML のすべての要素と属性についての詳細が分かります。
    +

    フロントエンドウェブ開発者になるために

    @@ -106,4 +103,5 @@ translation_of: Web/HTML
    -すべて表示...
    + +

    すべて表示...

    diff --git a/files/ja/web/html/preloading_content/index.html b/files/ja/web/html/preloading_content/index.html index 71b388638b..2ad6f0ceab 100644 --- a/files/ja/web/html/preloading_content/index.html +++ b/files/ja/web/html/preloading_content/index.html @@ -114,11 +114,11 @@ translation_of: Web/HTML/Preloading_content

    オリジンをまたいだフェッチ

    -

    If you've got your sites' CORS settings worked out properly, you can successfully preload cross-origin resources as long as you set a {{htmlattrxref("crossorigin","link")}} attribute on your <link> element.

    +

    CORSを有効にしてフェッチ(例えば、fetch()XMLHttpRequest or fonts)されたリソースをプリロードするとき、<link>要素に{{htmlattrxref( "crossorigin"、 "link")}}属性を設定する場合には特別な注意が必要です。

    -

    One interesting case where this applies, even if the fetch is not cross-origin, is font files. Because of various reasons, these have to be fetched using anonymous mode CORS (see Font fetching requirements).

    +

    上記のように、これが当てはまる興味深いケースの1つは、フォントファイルです。さまざまな理由により、これらは匿名モードのCORSを使用してフェッチする必要があります(Font fetching requirements参照)。

    -

    Let's use this case as an example. You can see the full example source code on GitHub (also see it live):

    +

    このケースを例として使用してみましょう。完全なサンプルソースコードは example source code on GitHub (also see it live):

    <head>
       <meta charset="utf-8">
    @@ -133,7 +133,7 @@ translation_of: Web/HTML/Preloading_content
       …
     </body>
    -

    Not only are we providing the MIME type hints in the type attributes, but we are also providing the crossorigin attribute to handle the CORS issue.

    +

    type属性にMIMEタイプヒントを提供するだけでなく、プリロードのCORSモードが最終的なフォントリソースリクエストと一致することを確認するために、crossorigin属性も提供しています。

    media を含める

    -- cgit v1.2.3-54-g00ecf
コンテンツカテゴリフローコンテンツ, 知覚可能コンテンツコンテンツカテゴリフローコンテンツ, 知覚可能コンテンツ
許可されている内容フローコンテンツフローコンテンツ
タグの省略
許可されている親要素フローコンテンツを受け入れる場所、但し階層的に正しい main 要素であることフローコンテンツを受け入れる場所、但し階層的に正しい main 要素であること
暗黙の ARIA ロールmain
許可されている ARIA ロール既定で <main> 要素に main ロールを適用します。また、presentation ロールも許可されます。許可されている role なし
DOM インターフェイス