[CRON] sync translated content

8 files changed, 0 insertions, 749 deletions

diff --git a/files/ja/web/css/@media/scan/index.html b/files/ja/web/css/@media/scan/index.html
deleted file mode 100644
index a67c63a5f9..0000000000
--- a/files/ja/web/css/@media/scan/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: scan
-slug: Web/CSS/@media/scan
-tags:
-  - '@media'
-  - CSS
-  - Media Queries
-  - Reference
-  - media feature
-  - メディアクエリ
-  - メディア特性
-translation_of: Web/CSS/@media/scan
----
-<div>{{cssref}}</div>
-
-<p><strong><code>scan</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>は、 (もしあれば) 出力端末で使用されているスキャン方式を調べるために使用することができます。ここで使われる<em>スキャン</em>という言葉は、写真をディジタル化するためのイメージスキャナを指すものではありません。そうではなく、テレビ画面 (またはその他の端末) に画像を描画するプロセスを意味します。</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<p><code>scan</code> 特性は以下の一覧のうち一つのキーワード値で指定します。</p>
-
-<dl>
- <dt><code>interlace</code></dt>
- <dd>その端末では奇数の走査線と偶数の走査線を別々に描きます。一部のテレビはインターレスのスキャン方式を採用しています。</dd>
- <dt><code>progressive</code></dt>
- <dd>その端末ではすべての走査線を順番に描きます。コンピューターの画面はすべてプログレッシブのスキャン方式を採用しています。</dd>
-</dl>
-
-<h2 id="Example" name="Example">例</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html notranslate">&lt;p&gt;この画面がインターレスで描画されていると、
-   文字列はサンセリフのフォントになります。プログレッシブのスキャン方式では、
-   セリフフォントで見えるでしょう。&lt;/p&gt;
-</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css notranslate">p {
-  font-family: cursive;
-}
-
-@media (scan: interlace) {
-  p {
-    font-family: sans-serif;
-  }
-}
-
-@media (scan: progressive) {
-  p {
-    font-family: serif;
-  }
-}</pre>
-
-<h3 id="Result" name="Result">結果</h3>
-
-<p>{{EmbedLiveSample("Example")}}</p>
-
-<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('CSS4 Media Queries', '#scan', 'scan')}}</td>
-   <td>{{Spec2('CSS4 Media Queries')}}</td>
-   <td>変更なし。</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('CSS3 Media Queries', '#scan', 'scan')}}</td>
-   <td>{{Spec2('CSS3 Media Queries')}}</td>
-   <td>初回定義。</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
-
-<p>{{Compat("css.at-rules.media.scan")}}</p>
diff --git a/files/ja/web/css/@page/bleed/index.html b/files/ja/web/css/@page/bleed/index.html
deleted file mode 100644
index a5f275ba89..0000000000
--- a/files/ja/web/css/@page/bleed/index.html
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: bleed
-slug: Web/CSS/@page/bleed
-tags:
-  - '@page'
-  - CSS
-  - CSS ページ化メディア
-  - CSS 記述子
-  - Experimental
-  - Reference
-  - bleed
-  - ウェブ
-translation_of: Web/CSS/@page/bleed
----
-<div>{{CSSRef}}{{SeeCompatTable}}</div>
-
-<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>bleed</code></strong> <a href="/ja/docs/Web/CSS/At-rule">@-規則</a>記述子は、 {{cssxref("@page")}} @-規則で使用し、ページボックスの外にあるページの裁ち落とし領域の大きさを指定します。このプロパティは、 {{cssxref("@page/marks", "marks")}} プロパティを使用して裁ち落とし記号を有効にしている場合のみ効果があります。</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<pre class="brush:css">/* キーワード値 */
-bleed: auto;
-
-/* &lt;length&gt; 値 */
-bleed: 8pt;
-bleed: 1cm;
-</pre>
-
-<h3 id="Values" name="Values">値</h3>
-
-<dl>
- <dt><code>auto</code></dt>
- <dd>{{cssxref("@page/marks", "marks")}} が <code>crop</code> の場合、 <code>6pt</code> に計算します。それ以外の場合はゼロに計算します。</dd>
- <dt><code>{{cssxref("&lt;length&gt;")}}</code></dt>
- <dd>ページボックスの外に裁ち落とし領域を、各方向に、どれだけ広げるかを指定します。値は負の数にすることができますが、実装に依存する制限があるかもしれません。</dd>
-</dl>
-
-<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3>
-
-{{csssyntax}}
-
-<h2 id="Example" name="Example">例</h2>
-
-<pre class="brush: css">@page {
-  bleed: 1cm;
-}
-</pre>
-
-<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("CSS3 Paged Media", "#bleed", "bleed")}}</td>
-   <td>{{Spec2("CSS3 Paged Media")}}</td>
-   <td>初回定義。</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p>
-
-<p>{{Compat("css.at-rules.page.bleed")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{Cssxref("@page/marks", "marks")}}</li>
- <li>{{Cssxref("@page/size", "size")}}</li>
-</ul>
diff --git a/files/ja/web/css/@page/marks/index.html b/files/ja/web/css/@page/marks/index.html
deleted file mode 100644
index 61384437ef..0000000000
--- a/files/ja/web/css/@page/marks/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: marks
-slug: Web/CSS/@page/marks
-tags:
-  - '@page'
-  - CSS
-  - CSS ページ化メディア
-  - CSS 記述子
-  - Experimental
-  - Reference
-  - ウェブ
-  - レイアウト
-translation_of: Web/CSS/@page/marks
----
-<div>{{CSSRef}}{{SeeCompatTable}}</div>
-
-<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>marks</code></strong> <a href="/ja/docs/Web/CSS/At-rule">@-規則</a>記述子は、 {{cssxref("@page")}} @-規則で使用し、文書の表現に対して裁ち落とし記号や十字記号を追加します。<em>裁ち落とし記号</em>はページを切断するべき場所を示します。<em>十字記号</em>はシートの配置のために使用します。</p>
-
-<p>裁ち落とし記号や十字記号はページボックスの外側に印刷されます。裁ち落とし記号や十字記号を表示する余地を確保するため、最終的なページはページボックスよりいくらか大きくする必要があります。</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<pre class="brush:css">/* キーワード値 */
-marks: none;
-marks: crop;
-marks: cross;
-marks: crop cross;
-</pre>
-
-<h3 id="Values" name="Values">値</h3>
-
-<dl>
- <dt><code>crop</code></dt>
- <dd>裁ち落とし記号を表示します。</dd>
- <dt><code>cross</code></dt>
- <dd>十字記号を表示します。</dd>
- <dt><code>none</code></dt>
- <dd>記号を表示しません。</dd>
-</dl>
-
-<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3>
-
-{{csssyntax}}
-
-<h2 id="Examples" name="Examples">例</h2>
-
-<pre class="brush: css">@page {
-  marks: crop cross;
-}
-</pre>
-
-<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('CSS3 Paged Media', '#marks', 'marks')}}</td>
-   <td>{{Spec2('CSS3 Paged Media')}}</td>
-   <td>初回定義。</td>
-  </tr>
- </tbody>
-</table>
-
-<p>この CSS プロパティは当初は CSS Level 2 で提案されましたが、 CSS Level 2 (Revision 1) で落とされました。</p>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p>
-
-<p>{{Compat("css.at-rules.page.marks")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{Cssxref("@page/bleed", "bleed")}}</li>
- <li>{{Cssxref("@page/size", "size")}}</li>
-</ul>
diff --git a/files/ja/web/html/element/isindex/index.html b/files/ja/web/html/element/isindex/index.html
deleted file mode 100644
index 7443d92c49..0000000000
--- a/files/ja/web/html/element/isindex/index.html
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: <isindex>
-slug: Web/HTML/Element/isindex
-tags:
-  - Deprecated
-  - Element
-  - HTML
-  - Reference
-  - Web
-translation_of: Web/HTML/Element/isindex
----
-<div>{{HTMLRef}}{{Obsolete_header}}</div>
-
-<p><span class="seoSummary"><strong><code>&lt;isindex&gt;</code></strong> は廃止された HTML 要素であり、文書に問い合わせを行うためのテキストフィールドをページに追加します。</span> <code>&lt;isindex&gt;</code> は、問い合わせ文字列を入力するための 1 行テキスト入力フィールドを提供していました。これを送信すると、サーバーが問い合わせに一致するページの一覧を返していました。この対応状況は、ブラウザーとクエリに対応するサーバーの両方に依存していました。</p>
-
-<p><code>&lt;isindex&gt;</code> は <a href="https://html.spec.whatwg.org/multipage/">HTML 標準</a>から削除されました。 HTML 4.01 で非推奨になりました。同じ動作は HTML フォームを使用して実現することができます。すべての主要なブラウザーが <code>&lt;isindex&gt;</code> を削除しています。</p>
-
-<h2 id="Attributes" name="Attributes">属性</h2>
-
-<p>他のすべての HTML 要素と同様に、この要素は<a href="/ja/docs/HTML/Global_attributes">グローバル属性</a>を受け付けます。</p>
-
-<dl>
- <dt>{{htmlattrdef("prompt")}}</dt>
- <dd>この属性の値を、テキストフィールド用のプロンプトとして追加します。</dd>
- <dt>{{htmlattrdef("action")}}</dt>
- <dd>この属性は、異なる URL に対してクエリーを送信する必要がある場合に使用します。アクションは W3C で定義されていません。</dd>
-</dl>
-
-<h2 id="Example" name="Example">例</h2>
-
-<pre class="brush: html notranslate">&lt;head&gt;
-  &lt;isindex prompt="Search Document..." action="/search"&gt;
-&lt;/head&gt;</pre>
-
-<p>過去のブラウザーでは、解釈時に、 DOM ツリーに以下の HTML と同等のものを作成していました。</p>
-
-<pre class="brush: html notranslate">&lt;form action="/search"&gt;
-  &lt;hr&gt;
-  &lt;label&gt;
-    Search Document...
-    &lt;input name="isindex"&gt;
-  &lt;/label&gt;
-  &lt;hr&gt;
-&lt;/form&gt;
-</pre>
-
-<h2 id="History" name="History">歴史</h2>
-
-<p>1992 年 6 月に Dan Connolly は、isindex よりも別の <a href="/ja/docs/Web/HTML/Element/a" title="HTML/Elements/a">アンカー</a> タイプを <a class="external text" href="http://1997.webhistory.org/www.lists/www-talk.1992/0080.html" rel="nofollow">好むと表明しました</a>。</p>
-
-<p>1992 年 11 月に、インデックスは文書よりもリンクであるという考えを推進する Dan Connolly によって <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/thread.html#31" rel="nofollow">indexes as links rather than documents</a> の議論が始まりました。このスレッドでは、さまざまな解決策が提案されました。クエリーを作成する方式への疑問が、Dynatext browser に関連して <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0039.html" rel="nofollow">言及されました</a>: "The browser displays toggle buttons, text fields etc. The user fills in the fields, clicks OK, and the query results come up in the table of contents window."</p>
-
-<p>1992 年 11 月の <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/thread.html#42" rel="nofollow">isindex</a> に関するスレッドで、Kevin Hoadley は isindex 要素の必要性に <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0042.html" rel="nofollow">疑問を持って</a>、 廃止を提案しました。彼は、代わりに <a href="/wiki/HTML/Elements/input" title="HTML/Elements/input">input</a> 要素 (Steve Putz が <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0053.html" rel="nofollow">支持した</a> アイデア) を持つよう提案しました。Tim Berners-Lee は、検索結果を集約したものになるという、isindex の目的を <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0044.html" rel="nofollow">説明しました</a>。Kevin は isindex の二者択一的な性質が嫌いであり、すべてを検索可能なシステムが好ましいと <a class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0048.html" rel="nofollow">返信する</a> とともに、当時の WWW Framework を特定の httpd 設定で拡張して、ある URI と検索クエリーの作成を関連付けることを提案しました。</p>
-
-<p>2016 年に、 <code>isindex</code> は Edge および Chrome から削除された後で、標準から削除する<a href="https://github.com/whatwg/html/issues/1088">提案</a>が行われました。この削除は、 Safari と Firefox の対応が削除された後に翌日に<a href="https://github.com/whatwg/html/pull/1095">完了</a>しました。</p>
-
-<h2 id="HTML_Reference" name="HTML_Reference">HTML リファレンス</h2>
-
-<ul>
- <li><a class="external text" href="http://html.spec.whatwg.org/multipage/" rel="nofollow">HTML 標準</a> では、これを <a class="external text" href="https://html.spec.whatwg.org/multipage/obsolete.html#isindex" rel="nofollow">obsolete and non-conforming feature</a> に分類しています。</li>
- <li><a class="external text" href="http://www.w3.org/TR/html401/interact/forms.html#h-17.8" rel="nofollow">ISINDEX</a> 要素は <a class="external text" href="http://www.w3.org/TR/html401/" rel="nofollow">HTML 4.01</a> で非推奨になりました。</li>
- <li><a class="external text" href="http://www.w3.org/TR/REC-html32" rel="nofollow">HTML 3.2</a> での <a class="external text" href="http://www.w3.org/TR/REC-html32#isindex" rel="nofollow">ISINDEX</a></li>
- <li><a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html" rel="nofollow">HTML 2.0</a> での <a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.2.3" rel="nofollow">ISINDEX</a> と、<a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_7.html#SEC7.5" rel="nofollow">クエリーとインデックス</a> の動作の説明 (HTML 2.0)</li>
- <li><a class="external text" href="http://www.w3.org/MarkUp/HTMLPlus/htmlplus_1.html" rel="nofollow">HTML+</a> での <a class="external text" href="http://www.w3.org/MarkUp/HTMLPlus/htmlplus_51.html" rel="nofollow">ISINDEX</a></li>
-</ul>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
-
-<p>{{Compat("html.elements.isindex")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{HTMLElement("input")}}</li>
- <li>{{HTMLElement("form")}}</li>
-</ul>
diff --git a/files/ja/web/html/element/listing/index.html b/files/ja/web/html/element/listing/index.html
deleted file mode 100644
index a359093d17..0000000000
--- a/files/ja/web/html/element/listing/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: <listing>
-slug: Web/HTML/Element/listing
-tags:
-  - Element
-  - HTML
-  - Obsolete
-  - Reference
-  - Web
-translation_of: Web/HTML/Element/listing
----
-<div>{{Obsolete_header}}</div>
-
-<h2 id="Summary" name="Summary">概要</h2>
-
-<p><em>HTML の Listing 要素</em> (<code>&lt;listing&gt;</code>) は、開始タグと終了タグの間にあるテキストを HTML として解釈せず、等幅フォントを使用して表示します。HTML 2 標準では、1 行が 132 文字を超えない場合は改行すべきではないと勧告しています。</p>
-
-<div class="note"><strong>注記:</strong> この要素を使用してはいけません。
-
-<ul>
- <li>この要素は HTML 3.2 で非推奨とされており、実装していないブラウザがあることに加えて実装に一貫性がありません。さらにこの要素は HTML5 で廃止されており、適合するユーザエージェントによっては {{HTMLElement("pre")}} 要素のように表示されるかもしれませんが、内部の HTML を解釈するでしょう!</li>
- <li>代わりに {{HTMLElement("pre")}} 要素、または意味的に適切な場合は {{HTMLElement("code")}} 要素を使用して、タグが解釈されないようにするため HTML の '<code>&lt;</code>' と '<code>&gt;</code>' をエスケープしてください。</li>
- <li>等幅フォントによる表示は {{cssxref("font-family")}} プロパティの総称フォントとして <code>monospace</code> を使用する、適切な <a href="/ja/docs/Web/CSS" title="CSS">CSS</a> スタイルを適用した {{HTMLElement("div")}} 要素でも実現できます。</li>
-</ul>
-</div>
-
-<h2 id="Attributes" name="Attributes">属性</h2>
-
-<p>この要素は、すべての要素で共通の<a class="new " href="/ja/docs/Web/HTML/global_attributes" rel="internal" title="HTML/global attributes">グローバル属性</a>以外の属性がありません。</p>
-
-<h2 id="DOM_interface" name="DOM_interface">DOM インタフェース</h2>
-
-<p>この要素は {{domxref('HTMLElement')}} インターフェイスを提供します。</p>
-
-<div class="note">
-<p><strong>実装メモ:</strong> Gecko 1.9.2 まで、Firefox はこの要素に {{domxref('HTMLSpanElement')}} インターフェイスを実装していました。</p>
-</div>
-
-<h2 id="See_also" name="See_also">ブラウザーの対応</h2>
-
-<div class="hidden">このページの互換性一覧表は構造化データから作成されます。データに貢献したい場合は、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送ってください。</div>
-
-<p>{{Compat("html.elements.listing")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>代わりに {{HTMLElement("pre")}} 要素や {{HTMLElement("code")}} 要素を使用します。</li>
- <li>{{HTMLElement("listing")}} と同様に {{HTMLElement("plaintext")}} 要素や {{HTMLElement("xmp")}} 要素も廃止されています。</li>
-</ul>
-
-<div>{{HTMLRef}}</div>
diff --git a/files/ja/web/html/element/multicol/index.html b/files/ja/web/html/element/multicol/index.html
deleted file mode 100644
index 9f6b50d3e1..0000000000
--- a/files/ja/web/html/element/multicol/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: '<multicol>: HTML 段組みレイアウト要素（廃止）'
-slug: Web/HTML/Element/multicol
-tags:
-  - Element
-  - HTML
-  - Non-standard
-  - Obsolete
-  - Reference
-  - 段組み
-translation_of: Web/HTML/Element/multicol
----
-<div>{{HTMLRef}}{{non-standard_header}}{{obsolete_header}}</div>
-
-<p><span class="seoSummary"><strong>HTML の段組みレイアウト要素</strong> (<strong><code>&lt;multicol&gt;</code></strong>) は段組みレイアウトを実現するために設計された実験的な要素でしたが、使用しないでください。</span>これは支持されたことがなく、ほとんどの主要ブラウザーでは実装されていません。ここでは他の文書で見かけたときに警告するだけの目的で説明しています。</p>
-
-<div class="warning">
-<p><strong>使用しないでください！</strong>段組みレイアウトを実装するためであれば、 {{HTMLElement("div")}} のような普通の HTML 要素と <a href="/ja/docs/Web/CSS/CSS_Columns">CSS 段組みレイアウト</a>との組み合わせを使用してください。</p>
-</div>
-
-<h2 id="Specifications" name="Specifications">仕様策定状況</h2>
-
-<p>なし。</p>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p>
-
-<p>{{Compat("html.elements.multicol")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li><a href="/ja/docs/Web/CSS/CSS_Columns">CSS 段組みレイアウト</a>: 段組みレイアウトを使用するための正しい技術</li>
- <li><a href="/ja/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts">CSS 段組みレイアウトの使用</a></li>
-</ul>
diff --git a/files/ja/web/html/preloading_content/index.html b/files/ja/web/html/preloading_content/index.html
deleted file mode 100644
index daef71acd9..0000000000
--- a/files/ja/web/html/preloading_content/index.html
+++ /dev/null
@@ -1,243 +0,0 @@
----
-title: rel="preload" によるコンテンツの先読み
-slug: Web/HTML/Preloading_content
-tags:
-  - Guide
-  - HTML
-  - JavaScript
-  - Link
-  - Media
-  - Performance
-  - Web Performance
-  - as
-  - preload
-  - rel
-translation_of: Web/HTML/Preloading_content
----
-<p class="summary">{{htmlelement("link")}} 要素の {{htmlattrxref("rel", "link")}} 属性で <code>preload</code> を指定すると、 HTML の {{htmlelement("head")}} 要素内で読み込みリクエストを宣言し、ページのライフサイクルの早期の、ブラウザーの主なレンダリング機構が起動する前に読み込みを始めたい、すぐに必要なリソースを指定することができます。これにより、そのリソースがより早く利用でき、ページのレンダリングがブロックされにくくなり、性能が向上します。</p>
-
-<p class="summary">この記事では <code>&lt;link rel="preload"&gt;</code> がどのように動作するのかについての基本的なガイドを提供します。</p>
-
-<h2 id="The_basics" name="The_basics">基本概念</h2>
-
-<p>多くの場合は以下のように、 <code>&lt;link&gt;</code> を使用して CSS ファイルを読み込み、ページにスタイルを適用します。</p>
-
-<pre class="brush: html notranslate">&lt;link rel="stylesheet" href="styles/main.css"&gt;</pre>
-
-<p>しかしここで、 <code>rel</code> の値に <code>preload</code> を使用すると、 <code>&lt;link&gt;</code> 要素は利用したいあらゆるリソースの先読み指示になります。以下のものも指定する必要があります。</p>
-
-<ul>
- <li>リソースへのパスを {{htmlattrxref("href", "link")}} 属性へ。</li>
- <li>リソースの種類を {{htmlattrxref("as", "link")}} 属性へ。</li>
-</ul>
-
-<p>簡単な例は以下のようになります (<a href="https://github.com/mdn/html-examples/tree/master/link-rel-preload/js-and-css">JS と CSS のサンプルコード</a> および <a href="https://mdn.github.io/html-examples/link-rel-preload/js-and-css/">デモ</a>) も参照してください)。</p>
-
-<pre class="brush: html notranslate">&lt;head&gt;
-  &lt;meta charset="utf-8"&gt;
-  &lt;title&gt;JS and CSS preload example&lt;/title&gt;
-
-  &lt;link rel="preload" href="style.css" as="style"&gt;
-  &lt;link rel="preload" href="main.js" as="script"&gt;
-
-  &lt;link rel="stylesheet" href="style.css"&gt;
-&lt;/head&gt;
-
-&lt;body&gt;
-  &lt;h1&gt;bouncing balls&lt;/h1&gt;
-  &lt;canvas&gt;&lt;/canvas&gt;
-
-  &lt;script src="main.js" defer&gt;&lt;/script&gt;
-&lt;/body&gt;</pre>
-
-<p>ここで CSS ファイルと JavaScript ファイルを先読みするので、その後のページのレンダリングで必要な時には、すぐに利用できるようになります。ブラウザーはおそらく、 <code>&lt;link rel="stylesheet"&gt;</code> と <code>&lt;script&gt;</code> 要素を HTML 内の同じチャンクで見つけるので、この例は極端ですが、後に現れるリソースであるほど、また大きいリソースであるほど効果が見られる可能性があります。例えば以下の場合です。</p>
-
-<ul>
- <li>フォントや画像など、 CSS の中から指しているリソース</li>
- <li>JSON やインポートされたスクリプト、ウェブワーカーなどの JavaScript がリクエストする可能性があるリソース</li>
- <li>より大きな画像や動画ファイル。</li>
-</ul>
-
-<p><code>preload</code> には他の利点もあります。 <code>as</code> によって先読みされるコンテンツの種類をブラウザーに指示することで、以下のようなことが実現できます。</p>
-
-<ul>
- <li>リソースの読み込みの優先付けがより正確にできます。</li>
- <li>可能であれば、将来のリクエストのためにキャッシュに格納してリソースを再利用します。</li>
- <li>リソースに対して正しく<a href="/ja/docs/Web/HTTP/CSP">コンテンツセキュリティポリシー</a>を適用できます。</li>
- <li>正しい {{HTTPHeader("Accept")}} リクエストヘッダーを設定できます。</li>
-</ul>
-
-<h3 id="What_types_of_content_can_be_preloaded" name="What_types_of_content_can_be_preloaded">先読みできるコンテンツの種類</h3>
-
-<p>さまざまな種類のコンテンツが先読みできます。 <code>as</code> 属性で使用できる値は以下の通りです。</p>
-
-<ul>
- <li><code>audio</code>: 通常は {{htmlelement("audio")}} で使用される音声ファイル。</li>
- <li><code>document</code>: {{htmlelement("frame")}} や {{htmlelement("iframe")}} に埋め込まれる HTML 文書。</li>
- <li><code>embed</code>: {{htmlelement("embed")}} 要素の中に埋め込まれるリソース。</li>
- <li><code>fetch</code>: ArrayBuffer や JSON ファイルのような、フェッチまたは XHR 要求でアクセスされるリソース。</li>
- <li><code>font</code>: フォントファイル。</li>
- <li><code>image</code>: 画像ファイル。</li>
- <li><code>object</code>: {{htmlelement("object")}} 要素の中に埋め込まれるリソース。</li>
- <li><code>script</code>: JavaScript ファイル。</li>
- <li><code>style</code>: CSS スタイルシート。</li>
- <li><code>track</code>: WebVTT ファイル。</li>
- <li><code>worker</code>: JavaScript ウェブワーカーまたは共有ワーカー。</li>
- <li><code>video</code>: 通常は {{htmlelement("video")}} で使用される動画ファイル。</li>
-</ul>
-
-<div class="note">
-<p><strong>メモ</strong>: 使用されると予想されるこれらの値やウェブ機能について、もっと詳細は Preload の仕様書にあります。 — <a href="https://w3c.github.io/preload/#link-element-extensions">link element extensions</a> を参照してください。また、フェッチの仕様書で管理されている <code>as</code> 属性の値の完全な一覧は、 <a href="https://fetch.spec.whatwg.org/#concept-request-destination">request destinations</a> を参照してください。</p>
-</div>
-
-<h2 id="Including_a_MIME_type" name="Including_a_MIME_type">MIME タイプを含める</h2>
-
-<p><code>&lt;link&gt;</code> 要素は {{htmlattrxref("type", "link")}} 要素を受け付け、要素が指す先のリソースの MIME タイプを指定することができます。これは特にリソースの先読み時に便利です。 — ブラウザーは <code>type</code> 属性の値を使用して対応しているリソースであるかどうかを確認し、その場合だけダウンロードを開始し、そうでない場合は開始しないようにすることができます。</p>
-
-<p>この例を動画のデモで見ることができます (<a href="https://github.com/mdn/html-examples/tree/master/link-rel-preload/video">ソースコード全体</a>と<a href="https://mdn.github.io/html-examples/link-rel-preload/video/">デモ版</a>もご覧ください。)。</p>
-
-<pre class="brush: html notranslate">&lt;head&gt;
-  &lt;meta charset="utf-8"&gt;
-  &lt;title&gt;Video preload example&lt;/title&gt;
-
-  &lt;link rel="preload" href="sintel-short.mp4" as="video" type="video/mp4"&gt;
-&lt;/head&gt;
-&lt;body&gt;
-  &lt;video controls&gt;
-    &lt;source src="sintel-short.mp4" type="video/mp4"&gt;
-    &lt;source src="sintel-short.webm" type="video/webm"&gt;
-    &lt;p&gt;Your browser doesn't support HTML5 video. Here is a &lt;a href="sintel-short.mp4"&gt;link to the video&lt;/a&gt; instead.&lt;/p&gt;
-  &lt;/video&gt;
-&lt;/body&gt;</pre>
-
-<p>この場合、MP4 をサポートしているブラウザーは MP4 を先読みして使用し、ユーザーにとって動画プレイヤーをよりスムーズまたはレスポンシブにできるでしょう。ブラウザーが MP4 をサポートしていない場合は WebM バージョンを読み込みますが、先読みの利点は得られません。これは、どのように先読みコンテンツがプログレッシブエンハンスメントの哲学と結ばれているかを示しています。</p>
-
-<h2 id="Cross-origin_fetches" name="Cross-origin_fetches">オリジンをまたいだフェッチ</h2>
-
-<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 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>このケースを例として使用してみましょう。完全なサンプルソースコードは <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;
-  &lt;title&gt;Web font example&lt;/title&gt;
-
-  &lt;link rel="preload" href="fonts/cicle_fina-webfont.woff2" as="font" type="font/woff2" crossorigin&gt;
-  &lt;link rel="preload" href="fonts/zantroke-webfont.woff2" as="font" type="font/woff2" crossorigin&gt;
-
-  &lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
-&lt;/head&gt;
-&lt;body&gt;
-  …
-&lt;/body&gt;</pre>
-
-<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>
-
-<p>One nice feature of <code>&lt;link&gt;</code> elements is their ability to accept {{htmlattrxref("media", "link")}} attributes. These can accept <a href="/en-US/docs/Web/CSS/@media#Media_types">media types</a> or full-blown <a href="/en-US/docs/Web/CSS/Media_Queries/Using_media_queries">media queries</a>, allowing you to do responsive preloading!</p>
-
-<p>Let's look at an example (see it on GitHub — <a href="https://github.com/mdn/html-examples/tree/master/link-rel-preload/media">source code</a>, <a href="https://mdn.github.io/html-examples/link-rel-preload/media/">live example</a>):</p>
-
-<pre class="brush: html notranslate">&lt;head&gt;
-  &lt;meta charset="utf-8"&gt;
-  &lt;title&gt;Responsive preload example&lt;/title&gt;
-
-  &lt;link rel="preload" href="bg-image-narrow.png" as="image" media="(max-width: 600px)"&gt;
-  &lt;link rel="preload" href="bg-image-wide.png" as="image" media="(min-width: 601px)"&gt;
-
-  &lt;link rel="stylesheet" href="main.css"&gt;
-&lt;/head&gt;
-&lt;body&gt;
-  &lt;header&gt;
-    &lt;h1&gt;My site&lt;/h1&gt;
-  &lt;/header&gt;
-
-  &lt;script&gt;
-    var mediaQueryList = window.matchMedia("(max-width: 600px)");
-    var header = document.querySelector('header');
-
-    if (mediaQueryList.matches) {
-      header.style.backgroundImage = 'url(bg-image-narrow.png)';
-    } else {
-      header.style.backgroundImage = 'url(bg-image-wide.png)';
-    }
-  &lt;/script&gt;
-&lt;/body&gt;</pre>
-
-<p>We include <code>media</code> attributes on our <code>&lt;link&gt;</code> elements so that a narrow image is preloaded if the user has a narrow viewport, and a wider image is loaded if they have a wide viewport. We use {{domxref("Window.matchMedia")}} / {{domxref("MediaQueryList")}} to do this (see <a href="/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries">Testing media queries</a> for more).</p>
-
-<p>This makes it much more likely that the font will be available for the page render, cutting down on FOUT (flash of unstyled text).</p>
-
-<p>This doesn't have to be limited to images, or even files of the same type — think big! You could perhaps preload and display a simple SVG diagram if the user is on a narrow screen where bandwidth and CPU is potentially more limited, or preload a complex chunk of JavaScript then use it to render an interactive 3D model if the user's resources are more plentiful.</p>
-
-<h2 id="Scripting_and_preloads" name="Scripting_and_preloads">スクリプトと先読み</h2>
-
-<p>これらのプリロードに関するもう一つの良い点として、スクリプトを使って実行できることが挙げられます。例えば、ここでは {{domxref("HTMLLinkElement")}} インスタンスを作成し、それを DOM に適用させています。</p>
-
-<pre class="brush: js notranslate"><code class="language-javascript"><span class="keyword token">var</span> preloadLink <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createElement</span><span class="punctuation token">(</span><span class="string token">"link"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-preloadLink<span class="punctuation token">.</span>href <span class="operator token">=</span> <span class="string token">"myscript.js"</span><span class="punctuation token">;</span>
-preloadLink<span class="punctuation token">.</span>rel <span class="operator token">=</span> <span class="string token">"preload"</span><span class="punctuation token">;</span>
-preloadLink<span class="punctuation token">.</span><span class="keyword token">as</span> <span class="operator token">=</span> <span class="string token">"script"</span><span class="punctuation token">;</span>
-document<span class="punctuation token">.</span>head<span class="punctuation token">.</span><span class="function token">appendChild</span><span class="punctuation token">(</span>preloadLink<span class="punctuation token">)</span><span class="punctuation token">;</span></code>
-</pre>
-
-<p>これは、ブラウザは <code>myscript.js</code> ファイルをプリロードしますが、実際はまだ使用されていません。これを使用するには、以下のようにします。</p>
-
-<pre class="brush: js notranslate"><code class="language-javascript"><span class="keyword token">var</span> preloadedScript <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createElement</span><span class="punctuation token">(</span><span class="string token">"script"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-preloadedScript<span class="punctuation token">.</span>src <span class="operator token">=</span> <span class="string token">"myscript.js"</span><span class="punctuation token">;</span>
-document<span class="punctuation token">.</span>body<span class="punctuation token">.</span><span class="function token">appendChild</span><span class="punctuation token">(</span>preloadedScript<span class="punctuation token">)</span><span class="punctuation token">;</span>
-</code></pre>
-
-<p>これは、スクリプトをプリロードしたいが、必要なときまで実行を延期する場合に便利です。</p>
-
-<h2 id="Other_resource_preloading_mechanisms" name="Other_resource_preloading_mechanisms">他のリソースの先読み機構</h2>
-
-<p>Other preloading features exist, but none are quite as fit for purpose as <code>&lt;link rel="preload"&gt;</code>:</p>
-
-<ul>
- <li><code>&lt;link rel="prefetch"&gt;</code> has been supported in browsers for a long time, but it is intended for prefetching resources that will be used in the <strong><em>next</em></strong> navigation/page load (e.g. when you go to the next page). This is fine, but isn't useful for the current page! In addition, browsers will give <code>prefetch</code> resources a lower priority than <code>preload</code> ones — the current page is more important than the next. See <a href="/en-US/docs/Web/HTTP/Link_prefetching_FAQ">Link prefetching FAQ</a> for more details.</li>
- <li><code>&lt;link rel="prerender"&gt;</code> renders a specified webpage in the background, speeding up its load if the user navigates to it. Because of the potential to waste users bandwidth, Chrome treats <code>prerender</code> as a <a href="https://developers.google.com/web/updates/2018/07/nostate-prefetch">NoState prefetch</a> instead.</li>
- <li><code>&lt;link rel="subresource"&gt;</code> {{non-standard_inline}} was supported in Chrome a while ago, and was intended to tackle the same issue as <code>preload</code>, but it had a problem: there was no way to work out a priority for the items (<code>as</code> didn't exist back then), so they all got fetched with fairly low priority.</li>
- <li>There are a number of script-based resource loaders out there, but they don't have any power over the browser's fetch prioritization queue, and are subject to much the same performance problems.</li>
-</ul>
-
-<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('Preload','#x2.link-type-preload','preload')}}</td>
-   <td>{{Spec2('Preload')}}</td>
-   <td><code>preload</code> の詳細</td>
-  </tr>
-  <tr>
-   <td>{{SpecName('HTML WHATWG', '#link-type-preload', 'rel=preload')}}</td>
-   <td>{{Spec2('HTML WHATWG')}}</td>
-   <td><code>preload</code> の定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p>
-
-<p>{{Compat("html.elements.link.rel.preload")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li><a href="https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/">Preload: What Is It Good For?</a> by Yoav Weiss</li>
-</ul>
-
-<p>{{QuickLinksWithSubpages("/ja/docs/Web/HTML")}}</p>
diff --git a/files/ja/web/svg/element/solidcolor/index.html b/files/ja/web/svg/element/solidcolor/index.html
deleted file mode 100644
index ad7be1eee8..0000000000
--- a/files/ja/web/svg/element/solidcolor/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: <solidcolor>
-slug: Web/SVG/Element/solidColor
-tags:
-  - Element
-  - Experimental
-  - Reference
-  - SVG
-translation_of: Web/SVG/Element/solidColor
----
-<div>{{SVGRef}}{{obsolete_header}}</div>
-
-<p class="seoSummary"><strong><code>&lt;solidcolor&gt;</code></strong> は <a href="/ja/docs/Web/SVG">SVG</a> の要素で、 SVG 文書内の複数の場所で使用する単一の色を定義することができます。パレットの色をアニメーションさせるのにも便利です。</p>
-
-<p class="note"><strong>注:</strong> これは実験的な義jツウであり、まだブラウザーには実装されていません。回避策としては、 {{SVGElement("linearGradient")}} を単一の色経由点で扱うというものがあります。これはあまりすっきりしておらず、 <code>&lt;solidcolor&gt;</code> とは異なり、それ自身をグラデーションの定義に使用することができません。</p>
-
-<h2 id="Usage_context" name="Usage_context">使用場面</h2>
-
-<p>{{svginfo}}</p>
-
-<h2 id="Attributes" name="Attributes">属性</h2>
-
-<h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3>
-
-<ul>
- <li><a href="/ja/docs/Web/SVG/Attribute#Core_attributes">コア属性</a></li>
- <li><a href="/ja/docs/Web/API/GlobalEventHandlers">グローバルイベント属性</a></li>
- <li><a href="/ja/docs/Web/SVG/Attribute#Presentation_attributes">プレゼンテーション属性</a></li>
- <li><a href="/en-US/docs/Web/SVG/Attribute#Style_attributes">スタイル属性</a></li>
-</ul>
-
-<h3 id="Specific_attributes" name="Specific_attributes">固有の属性</h3>
-
-<p><em>なし。</em></p>
-
-<h2 id="DOM_interface" name="DOM_interface">DOM インターフェイス</h2>
-
-<p>この要素は {{domxref("SVGSolidcolorElement")}} インターフェイスを実装しています。</p>
-
-<h2 id="Example" name="Example">例</h2>
-
-<h3 id="SVG">SVG</h3>
-
-<pre class="brush: html notranslate">&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200" height="150"&gt;
-  &lt;defs&gt;
-    &lt;!-- solidColor is experimental. --&gt;
-    &lt;solidcolor id="myColor" solid-color="gold" solid-opacity="0.8"/&gt;
-
-    &lt;!-- linearGradient with a single color stop is a less elegant way to
-         achieve the same effect, but it works in current browsers. --&gt;
-    &lt;linearGradient id="myGradient"&gt;
-      &lt;stop offset="0" stop-color="green" /&gt;
-    &lt;/linearGradient&gt;
-  &lt;/defs&gt;
-
-  &lt;text x="10" y="20"&gt;Circles colored with solidColor&lt;/text&gt;
-  &lt;circle cx="150" cy="65" r="35" stroke-width="2" stroke="url(#myColor)"
-      fill="white"/&gt;
-  &lt;circle cx="50" cy="65" r="35" fill="url(#myColor)"/&gt;
-
-  &lt;text x="10" y="120"&gt;Circles colored with linearGradient&lt;/text&gt;
-  &lt;circle cx="150" cy="165" r="35" stroke-width="2" stroke="url(#myGradient)"
-      fill="white"/&gt;
-  &lt;circle cx="50" cy="165" r="35" fill="url(#myGradient)"/&gt;
-&lt;/svg&gt;
-</pre>
-
-<h3 id="Result" name="Result">結果</h3>
-
-<p>{{EmbedLiveSample("Example")}}</p>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
-
-<p>{{Compat("svg.elements.solidcolor")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{domxref("SVGSolidcolorElement")}}</li>
- <li>{{cssxref("solid-color")}}</li>
- <li>{{cssxref("solid-opacity")}}</li>
- <li>{{SVGElement("linearGradient")}}</li>
-</ul>