2021/09/15 時点の英語版に同期

1 files changed, 33 insertions, 47 deletions

diff --git a/files/ja/web/api/htmlinputelement/labels/index.md b/files/ja/web/api/htmlinputelement/labels/index.md
index b5a305f949..5a3a78fff8 100644
--- a/files/ja/web/api/htmlinputelement/labels/index.md
+++ b/files/ja/web/api/htmlinputelement/labels/index.md
@@ -2,69 +2,55 @@
 title: HTMLInputElement.labels
 slug: Web/API/HTMLInputElement/labels
 tags:
-- API
-- HTML DOM
-- HTMLInputElement
-- Property
-- Reference
+  - API
+  - HTML DOM
+  - HTMLInputElement
+  - プロパティ
+  - リファレンス
+browser-compat: api.HTMLInputElement.labels
 translation_of: Web/API/HTMLInputElement/labels
 ---
-<div>{{APIRef("DOM")}}</div>
-<p><code><strong>HTMLInputElement.labels</strong></code> は読み取り専用プロパティで、 {{HTMLElement("input")}} 要素に関連付けられた {{HTMLElement("label")}} 要素の {{domxref("NodeList")}} を返します。</p>
+{{APIRef("DOM")}}
 
-<h2 id="Syntax">構文</h2>
+**`HTMLInputElement.labels`** は読み取り専用プロパティで、 `hidden` 以外の {{HTMLElement("input")}} 要素に関連付けられた {{HTMLElement("label")}} 要素の {{domxref("NodeList")}} を返します。この要素が `hidden` 型であった場合は、このプロパティは `null` を返します。
 
-<pre class="brush: js">var <var>labelElements</var> = <var>input</var>.labels;
-</pre>
+## 構文
 
-<h3 id="Return_value">返値</h3>
+```js
+var labelElements = input.labels;
+```
 
-<p>{{domxref("NodeList")}} で、その <code>&lt;input&gt;</code> 要素に関連付けられた <code>&lt;label&gt;</code> 要素が入ったものです。</p>
+### 返値
 
-<h2 id="Example">例</h2>
+{{domxref("NodeList")}} で、その `<input>` 要素に関連付けられた `<label>` 要素が入ります。
 
-<h3 id="HTML">HTML</h3>
+## 例
 
-<pre class="brush: html">&lt;label id="label1" for="test"&gt;Label 1&lt;/label&gt;
-&lt;input id="test"/&gt;
-&lt;label id="label2" for="test"&gt;Label 2&lt;/label&gt;
-</pre>
+### HTML
 
-<h3 id="JavaScript">JavaScript</h3>
+```html
+<label id="label1" for="test">Label 1</label>
+<input id="test"/>
+<label id="label2" for="test">Label 2</label>
+```
 
-<pre class="brush: js">window.addEventListener("DOMContentLoaded", function() {
+### JavaScript
+
+```js
+window.addEventListener("DOMContentLoaded", function() {
   const input = document.getElementById("test");
-  for(var i = 0; i &lt; input.labels.length; i++) {
+  for(var i = 0; i < input.labels.length; i++) {
     console.log(input.labels[i].textContent); // "Label 1" and "Label 2"
   }
-});</pre>
+});
+```
 
-<p>{{EmbedLiveSample("Example", "100%", 30)}}</p>
+{{EmbedLiveSample("Example", "100%", 30)}}
 
-<h2 id="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("HTML WHATWG", "forms.html#dom-lfe-labels", "labels")}}</td>
-      <td>{{Spec2("HTML WHATWG")}}</td>
-      <td>変更なし</td>
-    </tr>
-    <tr>
-      <td>{{SpecName("HTML5 W3C", "forms.html#dom-lfe-labels", "labels")}}</td>
-      <td>{{Spec2("HTML5 W3C")}}</td>
-      <td>初回定義</td>
-    </tr>
-  </tbody>
-</table>
+{{Specifications}}
 
-<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
+## ブラウザーの互換性
 
-<p>{{Compat("api.HTMLInputElement.labels")}}</p>
+{{Compat}}