Web/API/Document 以下の conflicting 版を削除 (#1486)

- conflicting 版を削除
- 該当記事を 2021/07/11 時点の英語版に同期

2 files changed, 64 insertions, 93 deletions

diff --git a/files/ja/web/api/document/characterset/index.html b/files/ja/web/api/document/characterset/index.html
index 16de3e28dd..8dd172b1a7 100644
--- a/files/ja/web/api/document/characterset/index.html
+++ b/files/ja/web/api/document/characterset/index.html
@@ -1,61 +1,47 @@
 ---
-title: document.characterSet
+title: Document.characterSet
 slug: Web/API/Document/characterSet
 tags:
-  - API
-  - DOM
-  - Document
-  - Property
-  - Read-only
-  - Reference
+- API
+- DOM
+- Document
+- Property
+- Read-only
+- Reference
+browser-compat: api.Document.characterSet
 translation_of: Web/API/Document/characterSet
 ---
-<p>{{ApiRef("DOM")}}</p>
+<div>{{ ApiRef("DOM") }}</div>
 
-<h2 id="Summary" name="Summary">概要</h2>
-
-<p>読み取り専用の <code><strong>Document.characterSet</strong></code> プロパティは、文書の<a href="/ja/docs/Glossary/character_encoding">文字エンコーディング</a>を表す文字列を返します。(文字エンコーディングは文字セットであり、入力されたバイト列をどのように文字として解釈するか規定します。)</p>
+<p><span class="seoSummary"><code><strong>Document.characterSet</strong></code> プロパティは読み取り専用で、文書の<a href="/ja/docs/Glossary/character_encoding">文字エンコーディング</a>を表す文字列を返します。</span> (文字エンコーディングは文字セットであり、入力されたバイト列をどのように文字として解釈するか規定します。)</p>
 
 <div class="note">
-<p>「文字セット」と「文字エンコーディング」は似ていますが違うものです。プロパティ名に反してエンコーディングを返します。</p>
+  <p>「文字セット」と「文字エンコーディング」は似ていますが違うものです。プロパティ名に反してエンコーディングを返します。</p>
 </div>
 
-<p><a href="/ja/docs/Web/HTTP/Headers/Content-Type">Content-Type</a> ヘッダーや <code>&lt;meta charset="utf-8"&gt;</code>によって開発者が指定した文字エンコーディングはユーザーが上書きできます。例えばFirefoxでは <kbd>表示 → テキストエンコーディング</kbd> メニューから可能です。このような上書き手段は開発者が誤って指定したエンコーディングによって<a href="https://ja.wikipedia.org/wiki/%E6%96%87%E5%AD%97%E5%8C%96%E3%81%91">文字化け</a>を引き起こされたときに治すために提供されています。</p>
+<p>ユーザーは、 <a href="/ja/docs/Web/HTTP/Headers/Content-Type">Content-Type</a> ヘッダーの中や <code>&lt;meta charset="utf-8"&gt;</code> などのインラインで開発者が指定した文字エンコーディングを上書きできます。例えば Firefox では <kbd>表示 → テキストエンコーディング</kbd> メニューから可能です。このような上書き手段は開発者が誤って指定したエンコーディングによって<a href="https://ja.wikipedia.org/wiki/%E6%96%87%E5%AD%97%E5%8C%96%E3%81%91">文字化け</a>を引き起こされたときに直すために提供されています。</p>
 
 <div class="note">
-<p>プロパティ <code>document.charset</code> 及び <code>document.inputEncoding</code> は、<code>document.characterSet</code> への旧来のエイリアスです。これらは使用しないでください。</p>
+  <p>プロパティ <code>document.charset</code> および <code>document.inputEncoding</code> は、<code>document.characterSet</code> への古いエイリアスです。これらは使用しないでください。</p>
 </div>
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+<h2 id="Syntax">構文</h2>
 
-<pre class="syntaxbox notranslate">var <em>string</em> = document.characterSet</pre>
+<pre
+  class="brush: js">var <em>string</em> = document.characterSet;</pre>
 
-<h2 id="Example" name="Example">例</h2>
+<h2 id="Example">例</h2>
 
-<pre class="brush:html notranslate">&lt;button onclick="console.log(document.characterSet);"&gt;
+<pre class="brush: html">&lt;button onclick="console.log(document.characterSet);"&gt;
   Log character encoding
 &lt;/button&gt;
-// "ISO-8859-1" や "UTF-8" など、文書の文字セットが開発者コンソールに表示されます</pre>
-
-<h2 id="Specifications" name="Specifications">仕様</h2>
-
-<table class="standard-table">
- <tbody>
-  <tr>
-   <th>仕様書</th>
-   <th>策定状況</th>
-   <th>コメント</th>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM WHATWG', '#dom-document-characterset', 'characterSet')}}</td>
-   <td>{{Spec2('DOM WHATWG')}}</td>
-   <td>最初期の定義</td>
-  </tr>
- </tbody>
-</table>
+&lt;!-- "ISO-8859-1" や "UTF-8" など、文書の文字セットが開発者コンソールに表示されます --&gt;
+</pre>
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
+<h2 id="Specifications">仕様書</h2>
 
+{{Specifications}}
 
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p>{{Compat("api.Document.characterSet")}}</p>
+<p>{{Compat}}</p>
diff --git a/files/ja/web/api/document/createevent/index.html b/files/ja/web/api/document/createevent/index.html
index 2ce401a236..aac681026f 100644
--- a/files/ja/web/api/document/createevent/index.html
+++ b/files/ja/web/api/document/createevent/index.html
@@ -4,34 +4,34 @@ slug: Web/API/Document/createEvent
 tags:
   - API
   - DOM
-  - Document
   - Method
   - Reference
-  - createEvent
   - メソッド
+browser-compat: api.Document.createEvent
 translation_of: Web/API/Document/createEvent
 ---
-<div class="warning">
-<p><code>initCustomEvent</code> など、<code>createEvent</code> とともに使用される多くのメソッドは非推奨です。代わりに <a href="/ja/docs/Web/API/CustomEvent">イベントのコンストラクター</a> を使用してください。</p>
+<div class="notecard warning">
+  <h4>警告</h4>
+<p><code>createEvent</code> とともに使用される多くのメソッド (<code>initCustomEvent</code> など) は非推奨です。代わりに <a href="/ja/docs/Web/API/CustomEvent">イベントのコンストラクター</a> を使用してください。</p>
 </div>
 
 <div>{{ApiRef("DOM")}}</div>
 
-<p>指定された型の <a href="/ja/docs/DOM/event">イベント</a> を作成します。返されるオブジェクトは最初に初期化する必要があり、その後で {{domxref("EventTarget.dispatchEvent")}} へ渡すことができます。</p>
+<p>指定された型の <a href="/ja/docs/Web/API/Event">イベント</a> を作成します。返されるオブジェクトは最初に初期化する必要があり、その後で {{domxref("EventTarget.dispatchEvent")}} へ渡すことができます。</p>
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+<h2 id="Syntax">構文</h2>
 
-<pre class="syntaxbox notranslate">var <var>event</var> = <var>document</var>.createEvent(<var>type</var>);
+<pre class="brush: js">var <var>event</var> = <var>document</var>.createEvent(<var>type</var>);
 </pre>
 
 <ul>
- <li><code><var>event</var></code> は作成された <a href="/ja/docs/DOM/event">イベント</a> オブジェクトです。</li>
+ <li><code><var>event</var></code> は作成された <a href="/ja/docs/Web/API/Event">イベント</a> オブジェクトです。</li>
  <li><code><var>type</var></code> は作成するイベント型を表す文字列です。取り得るイベント型は <code>"UIEvents"</code>, <code>"MouseEvents"</code>, <code>"MutationEvents"</code>, <code>"HTMLEvents"</code> のいずれかです。詳しくは{{Anch("Notes", "注")}}の項目を参照してください。</li>
 </ul>
 
-<h2 id="Example" name="Example">例</h2>
+<h2 id="Example">例</h2>
 
-<pre class="brush: js notranslate">// イベントを作成します。
+<pre class="brush: js">// イベントを作成します。
 var event = document.createEvent('Event');
 
 // イベントの名前を 'build' に定義します。
@@ -46,62 +46,47 @@ elem.addEventListener('build', function (e) {
 elem.dispatchEvent(event);
 </pre>
 
-<h2 id="Notes" name="Notes">注</h2>
+<h2 id="Notes">注</h2>
 
 <p><code>createEvent()</code> に渡すのに適したイベント型を表す文字列は <a href="https://dom.spec.whatwg.org/#dom-document-createevent">DOM 標準で定義されています。ステップ 2 の表をご覧ください</a>。現在はほとんどのイベントオブジェクトにコンストラクターがあり、それらはイベントオブジェクトのインスタンスを生成するために推奨される、現代的な方法であることに注意してください。</p>
 
 <p>Gecko は非標準のイベントオブジェクトの別名をサポートしています。詳細は以下の表を参照してください。</p>
 
 <table class="fullwidth-table">
- <tbody>
-  <tr>
-   <th>イベントモジュール</th>
-   <th>標準イベントオブジェクト</th>
-   <th>Gecko が対応する別名</th>
-  </tr>
-  <tr>
-   <td>テキストイベントモジュール</td>
-   <td><code>TextEvent</code></td>
-   <td><code>TextEvents</code></td>
-  </tr>
-  <tr>
-   <td>キーボードイベントモジュール</td>
-   <td><code>KeyboardEvent</code></td>
-   <td><code>KeyEvents</code></td>
-  </tr>
-  <tr>
-   <td>基本イベントモジュール</td>
-   <td><code>Event</code></td>
-   <td><code>Events</code></td>
-  </tr>
- </tbody>
+  <tbody>
+    <tr>
+      <th>イベントモジュール</th>
+      <th>標準イベントオブジェクト</th>
+      <th>Gecko が対応する別名</th>
+    </tr>
+    <tr>
+      <td>テキストイベントモジュール</td>
+      <td><code>TextEvent</code></td>
+      <td><code>TextEvents</code></td>
+    </tr>
+    <tr>
+      <td>キーボードイベントモジュール</td>
+      <td><code>KeyboardEvent</code></td>
+      <td><code>KeyEvents</code></td>
+    </tr>
+    <tr>
+      <td>基本イベントモジュール</td>
+      <td><code>Event</code></td>
+      <td><code>Events</code></td>
+    </tr>
+  </tbody>
 </table>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('DOM WHATWG', '#dom-document-createevent', 'document.createEvent')}}</td>
-   <td>{{Spec2('DOM WHATWG')}}</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
+<h2 id="Specifications">仕様書</h2>
+
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p>{{Compat("api.Document.createEvent")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+<h2 id="See_also">関連情報</h2>
 
 <ul>
- <li><a href="/ja/docs/Web/Guide/Events/Creating_and_triggering_events">イベントの作成と発行</a></li>
+ <li><a href="/ja/docs/Web/Events/Creating_and_triggering_events">イベントの作成と発行</a></li>
 </ul>