final dump 2020-12-14

3 files changed, 33 insertions, 33 deletions

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: <main>
 slug: Web/HTML/Element/main
 tags:
+  - Element
   - HTML
-  - HTML コンテンツグループ化
-  - 'HTML:フローコンテンツ'
-  - 'HTML:知覚可能コンテンツ'
+  - HTML sections
   - Reference
   - main
-  - 要素
 translation_of: Web/HTML/Element/main
 ---
 <div>{{HTMLRef}}</div>
@@ -24,12 +22,12 @@ translation_of: Web/HTML/Element/main
 <table class="properties">
  <tbody>
   <tr>
-   <th scope="row"><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></th>
-   <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>, 知覚可能コンテンツ</td>
+   <th scope="row"><a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテンツカテゴリ</a></th>
+   <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a>, 知覚可能コンテンツ</td>
   </tr>
   <tr>
    <th scope="row">許可されている内容</th>
-   <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a></td>
+   <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a></td>
   </tr>
   <tr>
    <th scope="row">タグの省略</th>
@@ -37,11 +35,15 @@ translation_of: Web/HTML/Element/main
   </tr>
   <tr>
    <th scope="row">許可されている親要素</th>
-   <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れる場所、但し<a href="https://html.spec.whatwg.org/multipage/grouping-content.html#hierarchically-correct-main-element" id="the-main-element:hierarchically-correct-main-element">階層的に正しい <code>main</code> 要素であること</a>。</td>
+   <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れる場所、但し<a href="https://html.spec.whatwg.org/multipage/grouping-content.html#hierarchically-correct-main-element" id="the-main-element:hierarchically-correct-main-element">階層的に正しい <code>main</code> 要素であること</a>。</td>
+  </tr>
+  <tr>
+   <th scope="row">暗黙の ARIA ロール</th>
+   <td><code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/Main_role">main</a></code></td>
   </tr>
   <tr>
    <th scope="row">許可されている ARIA ロール</th>
-   <td>既定で <code>&lt;main&gt;</code> 要素に <code>main</code> ロールを適用します。また、<code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role">presentation</a></code> ロールも許可されます。</td>
+   <td>許可されている <code>role</code> なし</td>
   </tr>
   <tr>
    <th scope="row">DOM インターフェイス</th>
@@ -62,7 +64,7 @@ translation_of: Web/HTML/Element/main
 
 <h2 id="Example" name="Example">例</h2>
 
-<pre class="brush: html">&lt;!-- 他のコンテンツ --&gt;
+<pre class="brush: html notranslate">&lt;!-- 他のコンテンツ --&gt;
 
 &lt;main&gt;
   &lt;h1&gt;Apples&lt;/h1&gt;
@@ -87,7 +89,7 @@ translation_of: Web/HTML/Element/main
 
 &lt;!-- 他のコンテンツ --&gt;</pre>
 
-<h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮事項</h2>
+<h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮</h2>
 
 <h3 id="Landmark" name="Landmark">ランドマーク</h3>
 
@@ -99,7 +101,7 @@ translation_of: Web/HTML/Element/main
 
 <p>{{htmlattrxref("id")}} 属性を追加することで、 <code>&lt;main&gt;</code> 要素がスキップナビゲーションリンクのターゲットになることができます。</p>
 
-<pre><span class="tag">&lt;body</span><span class="tag">&gt;
+<pre class="brush: html notranslate">&lt;body&gt;
   &lt;a href="#main-content"&gt;Skip to main content&lt;/a&gt;
 
   &lt;!-- navigation and header content --&gt;
@@ -107,7 +109,7 @@ translation_of: Web/HTML/Element/main
   &lt;main id="main-content"&gt;
     &lt;!-- main page content --&gt;
   &lt;/main&gt;
-&lt;/body&gt;</span>
+&lt;/body&gt;
 </pre>
 
 <ul>
@@ -153,9 +155,9 @@ translation_of: Web/HTML/Element/main
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p><code>&lt;main&gt;</code> は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティにするために <code>&lt;main&gt;</code> 要素に ARIA の <code>"main"</code> ロールを追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 <code>role</code> 属性を含めれば <code>&lt;main&gt;</code> 要素の意味論的な意味を理解できるでしょう)。</p>
+<p><code>&lt;main&gt;</code> は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティのために {{glossary("ARIA")}} の <code>"main"</code> ロールを <code>&lt;main&gt;</code> 要素に追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 <code>&lt;main&gt;</code> 要素の意味論的な意味を <code>role</code> 属性を含めることで理解できるでしょう)。</p>
 
-<pre class="brush: html">&lt;main role="main"&gt;
+<pre class="brush: html notranslate">&lt;main role="main"&gt;
   ...
 &lt;/main&gt;
 </pre>
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
 
 <p>以下の記事が HTML についてもっと学ぶのに役立ちます。</p>
 
-<section class="cleared" id="sect1">
-<ul class="card-grid">
- <li><span>HTML 入門</span>
-
-  <p>ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明する<a href="/ja/docs/Learn/Getting_started_with_the_web/HTML_basics">HTMLの基本</a>をご覧ください。</p>
- </li>
- <li><span>HTML チュートリアル</span>
-  <p>チュートリアルや例を含む HTML の使用方法に関する記事は、<a href="/ja/docs/Learn/HTML">HTML 学習エリア</a>を確認してください。</p>
- </li>
- <li><span>HTML リファレンス</span>
-  <p>広範な <a href="/ja/docs/Web/HTML/Reference">HTML リファレンス</a>の章で、 HTML のすべての要素と属性についての詳細が分かります。</p>
- </li>
-</ul>
+<h2 id="中心的なリソース">中心的なリソース</h2>
+
+<dl>
+ <dt><span>HTML 入門</span></dt>
+ <dd>ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明する<a href="/ja/docs/Learn/Getting_started_with_the_web/HTML_basics">HTMLの基本</a>をご覧ください。</dd>
+ <dt><span>HTML チュートリアル</span></dt>
+ <dd>チュートリアルや例を含む HTML の使用方法に関する記事は、<a href="/ja/docs/Learn/HTML">HTML 学習エリア</a>を確認してください。</dd>
+ <dt><span>HTML リファレンス</span></dt>
+ <dd>広範な <a href="/ja/docs/Web/HTML/Reference">HTML リファレンス</a>の章で、 HTML のすべての要素と属性についての詳細が分かります。</dd>
+</dl>
 
 <div class="in-page-callout webdev">
 <h3 id="Looking_to_become_a_front-end_web_developer" name="Looking_to_become_a_front-end_web_developer">フロントエンドウェブ開発者になるために</h3>
@@ -106,4 +103,5 @@ translation_of: Web/HTML
 </dl>
 </div>
 </div>
-<span class="alllinks"><a href="/ja/docs/tag/HTML">すべて表示...</a></span></section>
+
+<p><span class="alllinks"><a href="/ja/docs/tag/HTML">すべて表示...</a></span></p>
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
 
 <h2 id="Cross-origin_fetches" name="Cross-origin_fetches">オリジンをまたいだフェッチ</h2>
 
-<p>If you've got your sites' <a href="/en-US/docs/Web/HTTP/Access_control_CORS">CORS</a> settings worked out properly, you can successfully preload cross-origin resources as long as you set a {{htmlattrxref("crossorigin","link")}} attribute on your <code>&lt;link&gt;</code> element.</p>
+<p>CORSを有効にしてフェッチ（例えば、<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch">fetch()</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code> or <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/@font-face">fonts</a>）されたリソースをプリロードするとき、<code>&lt;link&gt;</code>要素に{{htmlattrxref（ "crossorigin"、 "link"）}}属性を設定する場合には特別な注意が必要です。</p>
 
-<p>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 <a href="https://drafts.csswg.org/css-fonts/#font-fetching-requirements">Font fetching requirements</a>).</p>
+<p dir="ltr" id="tw-target-text">上記のように、これが当てはまる興味深いケースの1つは、フォントファイルです。さまざまな理由により、これらは匿名モードのCORSを使用してフェッチする必要があります（<a href="https://drafts.csswg.org/css-fonts/#font-fetching-requirements">Font fetching requirements</a>参照）。</p>
 
-<p>Let's use this case as an example. You can see the full <a href="https://github.com/mdn/html-examples/tree/master/link-rel-preload/fonts">example source code on GitHub</a> (<a href="https://mdn.github.io/html-examples/link-rel-preload/fonts/">also see it live</a>):</p>
+<p>このケースを例として使用してみましょう。完全なサンプルソースコードは <a href="https://github.com/mdn/html-examples/tree/master/link-rel-preload/fonts">example source code on GitHub</a> (<a href="https://mdn.github.io/html-examples/link-rel-preload/fonts/">also see it live</a>):</p>
 
 <pre class="brush: html notranslate">&lt;head&gt;
   &lt;meta charset="utf-8"&gt;
@@ -133,7 +133,7 @@ translation_of: Web/HTML/Preloading_content
   …
 &lt;/body&gt;</pre>
 
-<p>Not only are we providing the MIME type hints in the <code>type</code> attributes, but we are also providing the <code>crossorigin</code> attribute to handle the CORS issue.</p>
+<p dir="ltr" id="tw-target-text"><code>type</code>属性にMIMEタイプヒントを提供するだけでなく、プリロードのCORSモードが最終的なフォントリソースリクエストと一致することを確認するために、<code>crossorigin</code>属性も提供しています。</p>
 
 <h2 id="Including_media" name="Including_media">media を含める</h2>