Web/HTML を更新 (#509)

2021/02/04 の英語版に同期

1 files changed, 14 insertions, 19 deletions

diff --git a/files/ja/web/html/index.html b/files/ja/web/html/index.html
index a53d345784..3136f30cb9 100644
--- a/files/ja/web/html/index.html
+++ b/files/ja/web/html/index.html
@@ -6,7 +6,7 @@ tags:
   - HTML5
   - Landing
   - Web
-  - 'l10n:priority'
+  - l10n:priority
 translation_of: Web/HTML
 ---
 <div>{{HTMLSidebar}}</div>
@@ -21,28 +21,27 @@ translation_of: Web/HTML
 
 <p>以下の記事が HTML についてもっと学ぶのに役立ちます。</p>
 
-<h2 id="中心的なリソース">中心的なリソース</h2>
+<h2 id="Key_resources">中心的なリソース</h2>
 
 <dl>
- <dt><span>HTML 入門</span></dt>
+ <dt>HTML 入門</dt>
  <dd>ウェブ開発が初めてであれば、 HTML とは何か、 HTML の使用方法を説明する<a href="/ja/docs/Learn/Getting_started_with_the_web/HTML_basics">HTMLの基本</a>をご覧ください。</dd>
- <dt><span>HTML チュートリアル</span></dt>
+ <dt>HTML チュートリアル</dt>
  <dd>チュートリアルや例を含む HTML の使用方法に関する記事は、<a href="/ja/docs/Learn/HTML">HTML 学習エリア</a>を確認してください。</dd>
- <dt><span>HTML リファレンス</span></dt>
+ <dt>HTML リファレンス</dt>
  <dd>広範な <a href="/ja/docs/Web/HTML/Reference">HTML リファレンス</a>の章で、 HTML のすべての要素と属性についての詳細が分かります。</dd>
 </dl>
 
 <div class="callout">
-<h3 id="Looking_to_become_a_front-end_web_developer" name="Looking_to_become_a_front-end_web_developer">フロントエンドウェブ開発者になるために</h3>
+  <h4 id="Looking_to_become_a_front-end_web_developer">フロントエンドのウェブ開発者になりたいですか？</h4>
 
-<p>目標に向かって頑張るために必要な基本情報をまとめたコースを用意しました。</p>
+  <p>目標に向かって努力するために必要なすべての必須情報を含むコースをまとめました。</p>
 
-<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">始めましょう</a></p>
+  <p><a class="button primary" href="/ja/docs/Learn/Front-end_web_developer">始めましょう</a>
+  </p>
 </div>
 
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Tools" id="Beginners_tutorials" name="Beginners_tutorials">初心者向けチュートリアル</h2>
+<h2 class="Tools" id="Beginners_tutorials">初心者向けチュートリアル</h2>
 
 <p><a href="/ja/docs/Learn/HTML">HTML 学習エリア</a>は HTML を基礎から学ぶための複数のモジュールを中心としています。――前提知識は必要ありません。</p>
 
@@ -53,7 +52,7 @@ translation_of: Web/HTML
  <dd>このモジュールでは、ウェブページにマルチメディアを埋め込むための HTML の使い方を探ります。画像を入れるための様々な方法、映像、音声、他のウェブページ全体を含める場合も含みます。</dd>
  <dt><a href="/ja/docs/Learn/HTML/Tables">HTML テーブル</a></dt>
  <dd>ウェブページ上で表形式のデータを分かりやすく使いやすい方法で表現するのは難しいことです。このモジュールでは、基本的なテーブルのマークアップと、キャプションやサマリーの追加などのより複雑な機能を扱います。</dd>
- <dt><a href="/ja/docs/Learn/HTML/Forms">HTML フォーム</a></dt>
+ <dt><a href="/ja/docs/Learn/Forms">HTML フォーム</a></dt>
  <dd>フォームはウェブで非常に重要な部分です。――これはウェブサイトとのやり取り（登録やログイン、フィードバックの送信、商品の購入など）に必要な多くの機能を提供します。このモジュールでは、フォームのクライアント側／フロントエンド部分の作成から始めます。</dd>
  <dt><a href="/ja/docs/Learn/HTML/Howto">よくある問題解決に HTML を使う</a></dt>
  <dd>HTML を使用してウェブページを作成する際に、とてもよくある問題（タイトルの扱い、画像や動画の追加、コンテンツの強調、基本フォームの作成など）を解決する方法を説明する記事の章へのリンクを紹介します。</dd>
@@ -64,15 +63,13 @@ translation_of: Web/HTML
 <dl>
  <dt class="landingPageList"><a href="/ja/docs/Web/HTML/CORS_enabled_image">CORS を利用した画像</a></dt>
  <dd class="landingPageList">{{htmlattrxref("crossorigin", "img")}} 属性と {{glossary("CORS")}} ヘッダーを組み合わせることで、 {{HTMLElement("img")}} 要素で定義された画像を異なるドメインから読み出し、 それを {{HTMLElement("canvas")}} 要素の中で同じドメインから読み出したかのように扱うことができます。</dd>
- <dt class="landingPageList"><a href="/ja/docs/Web/HTML/CORS_settings_attributes">CORS 設定属性</a></dt>
+ <dt class="landingPageList"><a href="/ja/docs/Web/HTML/Attributes/crossorigin">CORS 設定属性</a></dt>
  <dd class="landingPageList"><a href="/ja/docs/Web/HTTP/CORS">CORS</a> をサポートするいくつかの HTML 要素（{{HTMLElement("img")}} や {{HTMLElement("video")}} など）は <code>crossorigin</code> 属性（<code>crossOrigin</code> プロパティ）を持っており、要素が取得したデータに関する CORS リクエストを設定することができます。</dd>
  <dt class="landingPageList"><a href="/ja/docs/Web/HTML/Preloading_content">rel="preload" によるコンテンツの先読み</a></dt>
  <dd class="landingPageList">HTML の {{htmlelement("head")}} 要素内において、 {{htmlelement("link")}} 要素で {{htmlattrxref("rel", "link")}} 属性に <code>preload</code> を指定することで、読み込み後すぐにページに必要なリソース、つまりページ読み込みの過程の初期の、ブラウザーの主なレンダリング機構が起動する前に、先読みを始めたいものを指定する宣言的なフェッチリクエストを記述することができます。これにより、ページの最初のレンダリングがブロックされにくくなり、パフォーマンスが向上します。この記事では <code>preload</code> がどのように動作するのかについての基本的なガイドを提供します。</dd>
 </dl>
-</div>
 
-<div class="section">
-<h2 class="Documentation" id="References" name="References">リファレンス</h2>
+<h2 class="Documentation" id="References">リファレンス</h2>
 
 <dl>
  <dt class="landingPageList"><a href="/ja/docs/Web/HTML/Reference">HTML リファレンス</a></dt>
@@ -95,11 +92,9 @@ translation_of: Web/HTML
  <dd class="landingPageList">後方互換モードと標準準拠モードの歴史的な情報です。</dd>
 </dl>
 
-<h2 class="landingPageList" id="Related_topics" name="Related_topics">関連トピック</h2>
+<h2 class="landingPageList" id="Related_topics">関連トピック</h2>
 
 <dl>
  <dt><a href="/ja/docs/Web/HTML/Applying_color">CSS を使って HTML の要素に色をつける</a></dt>
  <dd>この記事では、 CSS を使用して HTML コンテンツに色をつける方法、 HTML 文書のどの部分に色付けできるかの一覧、使用する CSS プロパティについて説明します。例えば、パレット作成ツールへのリンクなどが含みます。</dd>
 </dl>
-</div>
-</div>