diff options
Diffstat (limited to 'files/ja/web/html/element')
| -rw-r--r-- | files/ja/web/html/element/command/index.html | 109 | ||||
| -rw-r--r-- | files/ja/web/html/element/element/index.html | 64 | ||||
| -rw-r--r-- | files/ja/web/html/element/input/number/index.html | 3 | ||||
| -rw-r--r-- | files/ja/web/html/element/menuitem/index.html | 2 | ||||
| -rw-r--r-- | files/ja/web/html/element/ul/index.html | 37 |
5 files changed, 18 insertions, 197 deletions
diff --git a/files/ja/web/html/element/command/index.html b/files/ja/web/html/element/command/index.html deleted file mode 100644 index ff02ae0e96..0000000000 --- a/files/ja/web/html/element/command/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: '<command>: HTML コマンド要素' -slug: Web/HTML/Element/command -tags: - - Command - - HTML - - HTML commands - - HTML5 - - 'HTML:Element' - - 'HTML:Element Reference' - - Obsolete -translation_of: Web/HTML/Element/command ---- -<div>{{obsolete_header()}}</div> - -<p><span class="seoSummary"><strong>HTML のコマンド要素</strong> (<strong><code><command></code></strong>) はユーザーが実行することができるコマンドを表します。コマンドは普通、メニューやツールバーのコンテンツの一部として使われます。</span>しかし、ページ上のどこでも使用できます。</p> - -<div class="note"> -<p><code><command></code> 要素は W3C の仕様書に含まれていますが、 WHATWG の仕様書には含まれておらず、ブラウザーの互換性もありません。非標準で Edge と Firefox でしか対応していませんが、代わりに {{HTMLElement("menuitem")}} 要素を使用してください。</p> -</div> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></th> - <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>, <a href="/ja/docs/Web/HTML/Content_categories#Phrasing_content">記述コンテンツ</a>, メタデータコンテンツ</td> - </tr> - <tr> - <th scope="row">許可されている内容</th> - <td>なし。これは{{Glossary("empty element", "空要素")}}です。</td> - </tr> - <tr> - <th scope="row">タグの省略</th> - <td>開始タグは必須です。終了タグは、空要素であるため使用できません。</td> - </tr> - <tr> - <th scope="row">許可されている親要素</th> - <td>{{HTMLElement("colgroup")}} のみですが、これは開始要素が必須ではないので暗黙的に定義されることがあります。 {{HTMLElement("colgroup")}} は {{HTMLElement("span")}} を子として持ってはなりません。</td> - </tr> - <tr> - <th scope="row">DOM インターフェイス</th> - <td>{{domxref("HTMLCommandElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Attributes" name="Attributes">属性</h2> - -<p>この要素には<a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a>があります。</p> - -<dl> - <dt>{{htmlattrdef("checked")}}</dt> - <dd>コマンドが選択されているかを示します。 <code>type</code> 属性が <code>checkbox</code> または <code>radio</code> でなければ指定できません。</dd> - <dt>{{htmlattrdef("disabled")}}</dt> - <dd>コマンドが使用不可であることを示します。</dd> - <dt>{{htmlattrdef("icon")}}</dt> - <dd>コマンドを表す画像を与えます。</dd> - <dt>{{htmlattrdef("label")}}</dt> - <dd>ユーザに対して表示する、コマンドの名称です。</dd> - <dt>{{htmlattrdef("radiogroup")}}</dt> - <dd>この属性はコマンド自身を切り替えた時に切り替えられる、 <code>type</code> が <code>radio</code> であるコマンドのグループ名を与えます。この属性は、 <code>type</code> 属性が <code>radio</code> でなければ指定できません。</dd> - <dt>{{htmlattrdef("type")}}</dt> - <dd>この属性は、コマンドの種類を示します。以下の3つの値のうち1つが使用できます。 - <ul> - <li> - <p><code>command</code> または空文字列はデフォルトの状態で、通常のコマンドを示します。</p> - </li> - <li> - <p><code>checkbox</code> は、コマンドがチェックボックスで切り替え可能であることを示します。</p> - </li> - <li> - <p><code>radio</code> は、コマンドがラジオボタンで切り替え可能であることを示します。</p> - </li> - </ul> - </dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<pre class="brush: html notranslate"><command type="command" label="Save" - icon="icons/save.png" onclick="save()"> -</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('HTML5 W3C', 'semantics.html#the-command-element', '<command>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td></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.command")}}</p> - -<p>{{ HTMLRef }}</p> diff --git a/files/ja/web/html/element/element/index.html b/files/ja/web/html/element/element/index.html deleted file mode 100644 index 5bc66fccb6..0000000000 --- a/files/ja/web/html/element/element/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: '<element>: カスタム要素 (廃止)' -slug: Web/HTML/Element/element -tags: - - Element - - HTML - - Obsolete - - Web Components - - custom elements - - shadow dom -translation_of: Web/HTML/Element/element ---- -<div>{{HTMLRef}}{{obsolete_header}}</div> - -<p><span class="seoSummary">廃止された <strong>HTML の <code><element></code> 要素</strong>は、<a href="/en-US/docs/Web/Web_Components">ウェブコンポーネント</a>の仕様書の一部でした。新しいカスタム DOM 要素を定義するために使用することを意図していました。</span>これは JavaScript からの新しいカスタム要素を生成する方法に取って代わられ、削除されました。</p> - -<div class="warning"> -<p><strong>メモ:</strong> この要素は仕様書から削除されました。仕様書の編集者からの情報は<a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">こちら</a>を参照してください。</p> -</div> - -<table class="properties"> - <tbody> - <tr> - <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">コンテンツカテゴリー</a></th> - <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">透過的コンテンツ</a></td> - </tr> - <tr> - <th scope="row">許可されているコンテンツ</th> - <td>???</td> - </tr> - <tr> - <th scope="row">タグの省略</th> - <td>{{no_tag_omission}}</td> - </tr> - <tr> - <th scope="row">許可されている親コンテンツ</th> - <td>???</td> - </tr> - <tr> - <th scope="row">DOM インターフェイス</th> - <td>{{domxref("HTMLElement")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Attributes" name="Attributes">属性</h2> - -<p>この要素には<a href="/en-US/docs/Web/HTML/Global_attributes">グローバル属性</a>があります。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<p><code><element></code> 要素は以前、<a href="http://w3c.github.io/webcomponents/spec/custom/">カスタム要素</a>の仕様書の草稿に含まれていましたが、削除されました。</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("html.elements.element")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>ウェブコンポーネント: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("slot")}}, {{HTMLElement("template")}}</li> -</ul> diff --git a/files/ja/web/html/element/input/number/index.html b/files/ja/web/html/element/input/number/index.html index 8177c9f00f..26e7df6a71 100644 --- a/files/ja/web/html/element/input/number/index.html +++ b/files/ja/web/html/element/input/number/index.html @@ -315,7 +315,6 @@ input:valid+span:after { <input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="例 1.78" required> <span class="validity"></span> </div> - <div class="feetInputGroup" style="display: none;"> <span>あなたの身長を入力してください — </span> <label for="feet">フィート:</label> <input id="feet" type="number" name="feet" min="0" step="1"> @@ -334,7 +333,7 @@ input:valid+span:after { <p>これまでの記事ですでに見てきた属性の多くを使用していることがわかります。センチメートル単位のメートル値を受け入れるため、 <code>step</code> の値を <code>0.01</code> に設定して、 <em>1.78</em> のような値が無効とされないようにしました。また、その入力欄のプレイスホルダーも提供しました。</p> -<p>最初はフィートとインチの入力欄を <code>style="display: none;"</code> を使用して非表示にしているため、既定はメートルでの入力です。</p> +<p>最初はフィートとインチの入力欄を <code>class="hidden"</code> を使用して非表示にしているため、既定はメートルでの入力です。</p> <p>次に、 CSS に進みます。これは、以前に見た検証のスタイル付けととても良く似ています。ここで注目するところはありません。</p> diff --git a/files/ja/web/html/element/menuitem/index.html b/files/ja/web/html/element/menuitem/index.html index 535b84a4be..1fa3ea9bd9 100644 --- a/files/ja/web/html/element/menuitem/index.html +++ b/files/ja/web/html/element/menuitem/index.html @@ -93,7 +93,7 @@ translation_of: Web/HTML/Element/menuitem <menu type="context" id="popup-menu"> <menuitem type="checkbox" checked>Checkbox</menuitem> <hr> - <menuitem type="command" label="This command does nothing" icon="https://developer.cdn.mozilla.net/static/img/favicon144.png"> + <menuitem type="command" label="This command does nothing" icon="https://developer.mozilla.org/static/img/favicon144.png"> Commands don't render their contents. </menuitem> <menuitem type="command" label="This command has javascript" onclick="alert('command clicked')"> diff --git a/files/ja/web/html/element/ul/index.html b/files/ja/web/html/element/ul/index.html index b8fee6133a..34c5392697 100644 --- a/files/ja/web/html/element/ul/index.html +++ b/files/ja/web/html/element/ul/index.html @@ -19,8 +19,8 @@ translation_of: Web/HTML/Element/ul <table class="properties"> <tbody> <tr> - <th scope="row"><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></th> - <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>。また、 <code><ul></code> 要素の子に少なくとも 1 個 {{HTMLElement("li")}} 要素を包含する場合は、<a href="/ja/docs/Web/Guide/HTML/Content_categories#Palpable_content">知覚可能コンテンツ</a>。</td> + <th scope="row"><a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテンツカテゴリ</a></th> + <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a>。また、 <code><ul></code> 要素の子に少なくとも 1 個 {{HTMLElement("li")}} 要素を包含する場合は、<a href="/ja/docs/Web/Guide/HTML/Content_categories#Palpable_content">知覚可能コンテンツ</a>。</td> </tr> <tr> <th scope="row">許可されている内容</th> @@ -32,7 +32,7 @@ translation_of: Web/HTML/Element/ul </tr> <tr> <th scope="row">許可されている親要素</th> - <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れるすべての要素</td> + <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れるすべての要素</td> </tr> <tr> <th scope="row">暗黙の ARIA ロール</th> @@ -49,19 +49,16 @@ translation_of: Web/HTML/Element/ul </tbody> </table> -<h2 id="Attributes" name="Attributes">属性</h2> +<h2 id="Attributes">属性</h2> <p>この要素には<a href="/ja/docs/Web/HTML/Global_attributes">グローバル属性</a>があります。</p> <dl> <dt>{{ htmlattrdef("compact") }} {{Deprecated_inline}}</dt> - <dd>この論理属性は、コンパクトなスタイルでリストを秒がするようブラウザーに指示するものです。この属性の解釈は{{glossary("user agent", "ユーザーエージェント")}}に委ねられ、またすべてのブラウザーで動作するものでもありません。</dd> + <dd>この論理属性は、コンパクトなスタイルでリストを描画するようブラウザーに指示するものです。この属性の解釈は{{glossary("user agent", "ユーザーエージェント")}}に委ねられ、またすべてのブラウザーで動作するものでもありません。</dd> <dd> <div class="warning"><strong>警告:</strong> この属性は非推奨になっているため、使用しないでください。代わりに <a href="/ja/docs/Web/CSS">CSS</a> を使用してください。 <code>compact</code> 属性と同様の効果を得るには、 CSS の {{cssxref("line-height")}} プロパティを用い、その値として <code>80%</code> を指定します。</div> </dd> -</dl> - -<dl> <dt>{{ htmlattrdef("type") }} {{Deprecated_inline}}</dt> <dd>リストの行頭記号の形状を指定するために用います。 HTML3.2 および HTML 4.0/4.01 tranditional で定義されていた値は以下の通りです。 <ul> @@ -78,7 +75,7 @@ translation_of: Web/HTML/Element/ul </dd> </dl> -<h2 id="Usage_notes" name="Usage_notes">使用上のメモ</h2> +<h2 id="Usage_notes">使用上のメモ</h2> <ul> <li><code><ul></code> 要素は、数的な順序がなく、その配置順に意味を持たない項目を持つリストを表します。通常、順序なしリストの項目はドット、円形、四角形などいくつかの形式による行頭記号を伴って描画されます。行頭記号のスタイルは HTML 仕様書のページでは定義されていませんが、 CSS の {{ cssxref("list-style-type") }} プロパティを用いて変更することが可能です。</li> @@ -86,11 +83,11 @@ translation_of: Web/HTML/Element/ul <li>{{ HTMLElement("ol") }} と <code><ul></code> は、どちらも項目のリストを表します。両者の違いは、 {{ HTMLElement("ol") }} 要素では順序に意味があることです。使い分けの目安としては、項目の順序を変更してみてください。意味が変わるようであれば {{ HTMLElement("ol") }} 要素を使用し、そうでない場合は <code><ul></code> 要素を使用することができます。</li> </ul> -<h2 id="Examples" name="Examples">例</h2> +<h2 id="Examples">例</h2> -<h3 id="Simple_example" name="Simple_example">シンプルな例</h3> +<h3 id="Simple_example">シンプルな例</h3> -<pre class="brush: html notranslate"><ul> +<pre class="brush: html"><ul> <li>first item</li> <li>second item</li> <li>third item</li> @@ -101,9 +98,9 @@ translation_of: Web/HTML/Element/ul <p>{{EmbedLiveSample("Simple_example", 400, 100)}}</p> -<h3 id="Nesting_a_list" name="Nesting_a_list">入れ子になったリスト</h3> +<h3 id="Nesting_a_list">入れ子になったリスト</h3> -<pre class="brush: html notranslate"><ul> +<pre class="brush: html"><ul> <li>first item</li> <li>second item <!-- 閉じタグの </li> がここにはありません。 --> @@ -129,9 +126,9 @@ translation_of: Web/HTML/Element/ul <p>{{EmbedLiveSample("Nesting_a_list", 400, 220)}}</p> -<h3 id="Nested_ul_and_ol" name="Nested_ul_and_ol"><ul> と <ol> のネスト</h3> +<h3 id="Nested_ul_and_ol"><ul> と <ol> のネスト</h3> -<pre class="brush: html notranslate"><ul> +<pre class="brush: html"><ul> <li>first item</li> <li>second item <!-- ここには <li> の閉じタグはない --> @@ -150,7 +147,7 @@ translation_of: Web/HTML/Element/ul <p>{{EmbedLiveSample("Ordered_list_inside_unordered_list", 400, 150)}}</p> -<h2 id="Specifications" name="Specifications">仕様書</h2> +<h2 id="Specifications">仕様書</h2> <table class="standard-table"> <thead> @@ -174,13 +171,11 @@ translation_of: Web/HTML/Element/ul </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> +<h2 id="Browser_compatibility">ブラウザーの互換性</h2> <p>{{Compat("html.elements.ul")}}</p> -<h2 id="See_also" name="See_also">関連情報</h2> +<h2 id="See_also">関連情報</h2> <ul> <li>その他のリスト関連要素: {{HTMLElement("ol")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}}</li> |