Web/HTML/Element を更新 (#1374)

* Web/HTML/Element を更新

- conflicting 版を削除
- 正規版を 2021/05/14 時点の英語版に同期

* Web/HTTP/Connection_management_in_HTTP_1.x を更新

- conflicting 版は正規版に吸収されているため削除
- 2021/02/16 時点の英語版に同期

* Revert "Web/HTTP/Connection_management_in_HTTP_1.x を更新"

This reverts commit 8e5bde905d4c901605e982e67c15c05339005574.

1 files changed, 51 insertions, 26 deletions

diff --git a/files/ja/web/html/element/index.html b/files/ja/web/html/element/index.html
index ee8e2747f0..16bd02164c 100644
--- a/files/ja/web/html/element/index.html
+++ b/files/ja/web/html/element/index.html
@@ -7,101 +7,126 @@ tags:
   - HTML
   - Reference
   - Web
-  - 'l10n:priority'
+  - l10n:priority
 translation_of: Web/HTML/Element
 ---
+<div>{{HTMLSidebar("Elements")}}</div>
+
 <p><span class="seoSummary">このページでは、{{Glossary("Tag", "タグ")}}を使用して作成されるすべての {{Glossary("HTML")}} {{Glossary("Element","要素")}}を一覧表示しています。</span>この一覧は、考えているものを見つけやすいように、機能別にグループ化しています。アルファベット順のすべての要素の一覧は、このページと同様に各要素ページのサイドバーにあります。</p>
 
-<div class="note">
-<p>HTML 要素や属性の基礎について詳しくは、<a href="/ja/docs/Web/Guide/HTML/Introduction#Elements_%E2%80%94_the_basic_building_blocks">HTML 概論の記事で要素のセクション</a> をご覧ください。</p>
+<div class="notecard note">
+  <h4>メモ</h4>
+  <p>HTML 要素や属性の基礎について詳しくは、<a href="/ja/docs/Learn/HTML/Introduction_to_HTML#elements_%e2%80%94_the_basic_building_blocks">HTML 概論の記事で要素のセクション</a> をご覧ください。</p>
 </div>
 
-<h2 id="Main_root" name="Main_root">メインルート</h2>
+<h2 id="Main_root">メインルート</h2>
 
 <p>{{HTMLRefTable("HTML Root Element")}}</p>
 
-<h2 id="Document_metadata" name="Document_metadata">文書メタデータ</h2>
+<h2 id="Document_metadata">文書メタデータ</h2>
 
 <p>メタデータは、ページに関する情報のことです。これはソフトウェア ({{Glossary("search engine", "検索エンジン")}} や {{Glossary("Browser","ブラウザー")}} など) が利用する、およびページの描画を支援するスタイル、スクリプト、データといった情報を含みます。スタイルやスクリプトのメタデータはページ内で定義するか、それらの情報を持つ別のファイルへのリンクとして定義します。</p>
 
 <p>{{HTMLRefTable("HTML Document Metadata")}}</p>
 
-<h2 id="Sectioning_root" name="Sectioning_root">セクショニングルート</h2>
+<h2 id="Sectioning_root">区分化ルート</h2>
 
 <p>{{HTMLRefTable("Sectioning Root Element")}}</p>
 
-<h2 id="Content_sectioning" name="Content_sectioning">コンテンツセクショニング</h2>
+<h2 id="Content_sectioning">コンテンツ区分</h2>
 
-<p>コンテンツセクショニング要素は、ドキュメントのコンテンツを論理的な断片に体系づけます。ページのコンテンツでヘッダーやフッターのナビゲーション、あるいはコンテンツのセクションを識別する見出しなどの、大まかなアウトラインを作成するためにセクショニング要素を使用します。</p>
+<p>コンテンツ区分要素は、文書のコンテンツを論理的な断片に体系づけます。ページのコンテンツでヘッダーやフッターのナビゲーション、あるいはコンテンツのセクションを識別する見出しなどの、大まかなアウトラインを作成するために区分要素を使用します。</p>
 
 <p>{{HTMLRefTable("HTML Sections")}}</p>
 
-<h2 id="Text_content" name="Text_content">テキストコンテンツ</h2>
+<h2 id="Text_content">テキストコンテンツ</h2>
 
 <p>HTML テキストコンテンツ要素は、開始タグ {{HTMLElement("body")}} と終了タグ <code>&lt;/body&gt;</code> の間にあるコンテンツでブロックやセクションを編成します。これらの要素はコンテンツの用途や構造を識別するものであり、{{Glossary("accessibility","アクセシビリティ")}} や {{Glossary("SEO")}} のために重要です。</p>
 
 <p>{{HTMLRefTable("HTML Grouping Content")}}</p>
 
-<h2 id="Inline_text_semantics" name="Inline_text_semantics">インライン文字列意味付け</h2>
+<h2 id="Inline_text_semantics">インライン文字列意味付け</h2>
 
 <p>HTML インラインテキストセマンティクス要素は、単語、行、あるいは任意のテキスト範囲の意味、構造、スタイルを定義します。</p>
 
 <p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>
 
-<h2 id="Image_and_multimedia" name="Image_and_multimedia">画像とマルチメディア</h2>
+<h2 id="Image_and_multimedia">画像とマルチメディア</h2>
 
 <p>HTML は画像、音声、映像といった、さまざまなマルティメディアリソースをサポートします。</p>
 
 <p>{{HTMLRefTable("multimedia")}}</p>
 
-<h2 id="Embedded_content" name="Embedded_content">埋め込みコンテンツ</h2>
+<h2 id="Embedded_content">埋め込みコンテンツ</h2>
 
 <p>HTML は公式にサポートするマルチメディアコンテンツ以外のさまざまなコンテンツを、容易に対話できるとは限らないものであっても埋め込むことができます。</p>
 
 <p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
 
-<h2 id="Scripting" name="Scripting">スクリプティング</h2>
+<h2 id="SVG_and_Math">SVG と MathML</h2>
+
+<p><a href="/ja/docs/Web/SVG">SVG</a> と <a href="/ja/docs/Web/MathML">MathML</a> のコンテンツを、 {{SVGElement("svg")}} および {{MathMLElement("math")}} 要素を使用して直接 HTML 文書に埋め込むことができます。</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">要素</th>
+   <th scope="col">説明</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td style="vertical-align: top;">{{SVGElement("svg")}}</td>
+   <td><code>svg</code> 要素は、新しい座標系と<a href="/ja/docs/Web/SVG/Attribute/viewBox">ビューポート</a>を定義するコンテナーです。これは SVG 文書の最も外側の要素として使用されますが、SVG または HTML 文書の中に SVG フラグメントを埋め込むためにも使用できます。</td>
+  </tr>
+  <tr>
+   <td style="vertical-align: top;">{{MathMLElement("math")}}</td>
+   <td>MathML における最上位の要素は <code>&lt;math&gt;</code> です。有効な MathML のインスタンスはすべて <code>&lt;math&gt;</code> タグに囲まれています。加えて、 <code>&lt;math&gt;</code> 要素を入れ子状に配置してはなりませんが、中にその他の子要素をいくつでも持つことができます。</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Scripting">スクリプティング</h2>
 
 <p>動的なコンテンツやウェブアプリケーションを作成するために、HTML ではスクリプト言語を使用できます。もっとも有名な言語は、JavaScript です。いくつかの要素がスクリプト機能をサポートします。</p>
 
 <p>{{HTMLRefTable("HTML Scripting")}}</p>
 
-<h2 id="Demarcating_edits" name="Demarcating_edits">編集範囲の特定</h2>
+<h2 id="Demarcating_edits">編集範囲の特定</h2>
 
 <p>これらの要素は、テキストの特定の範囲が変更されたことを示します。</p>
 
 <p>{{HTMLRefTable("HTML Edits")}}</p>
 
-<h2 id="Table_content" name="Table_content">テーブル</h2>
+<h2 id="Table_content">テーブル</h2>
 
 <p>以下の要素は、表形式のデータを作成および制御するために使用します。</p>
 
 <p>{{HTMLRefTable("HTML tabular data")}}</p>
 
-<h2 id="Forms" name="Forms">フォーム</h2>
+<h2 id="Forms">フォーム</h2>
 
-<p>HTML では、ユーザーがデータを記入してウェブサイトやアプリケーションに送信することを可能にするフォームを作成するために、組み合わせて使用する要素をいくつか提供します。フォームに関する多くの情報を、<a href="/ja/docs/Web/Guide/HTML/Forms">HTML フォームガイド</a> に掲載しています。</p>
+<p>HTML では、ユーザーがデータを記入してウェブサイトやアプリケーションに送信することを可能にするフォームを作成するために、組み合わせて使用する要素をいくつか提供します。フォームに関する多くの情報を、<a href="/ja/docs/Learn/Forms">HTML フォームガイド</a> に掲載しています。</p>
 
 <p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>
 
-<h2 id="Interactive_elements" name="Interactive_elements">インタラクティブ要素</h2>
+<h2 id="Interactive_elements">インタラクティブ要素</h2>
 
 <p>HTML には、インタラクティブなユーザーインターフェイスを作成するための要素があります。</p>
 
-<p>{{HTMLRefTable({"include": ["HTML interactive elements"], "exclude":["Deprecated"]})}}</p>
+<p>{{HTMLRefTable("HTML interactive elements")}}</p>
 
-<h2 id="Web_Components" name="Web_Components">ウェブコンポーネント</h2>
+<h2 id="Web_Components">ウェブコンポーネント</h2>
 
 <p>Web Components は要するに、独自の要素を作成して通常の HTML 要素であるかのように使用できる、HTML 関連技術です。加えて、独自版の標準 HTML 要素を作成することもできます。</p>
 
-<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>
+<p>{{HTMLRefTable({"include":["Web Components"],"exclude":["Deprecated", "Obsolete"]})}}</p>
 
-<h2 id="Obsolete_and_deprecated_elements" name="Obsolete_and_deprecated_elements">廃止または非推奨の要素</h2>
+<h2 id="Obsolete_and_deprecated_elements">廃止または非推奨の要素</h2>
 
-<div class="warning">
-<p><strong>警告:</strong> 以下は非推奨の古い HTML 要素であり、使用するべきものではありません。<strong>新たなプロジェクトではこれらを使用せず、また既存のプロジェクトでも可能な限りこれらを置き換えてください。</strong> この一覧は、情報提供のために記載しています。</p>
+<div class="notecard warning">
+  <h4>Warning</h4>
+  <p><strong>警告:</strong> 以下は非推奨の古い HTML 要素であり、使用するべきものではありません。<strong>新たなプロジェクトではこれらを使用せず、また既存のプロジェクトでも可能な限りこれらを置き換えてください。</strong> この一覧は、情報提供のために記載しています。</p>
 </div>
 
 <p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>
-
-<p>{{HTMLSidebar("Elements")}}</p>