files/ja/orphaned/web/html/element/command/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

---
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>&lt;command&gt;</code></strong>) はユーザーが実行することができるコマンドを表します。コマンドは普通、メニューやツールバーのコンテンツの一部として使われます。</span>しかし、ページ上のどこでも使用できます。</p>

<div class="note">
<p><code>&lt;command&gt;</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">&lt;command type="command" label="Save"
    icon="icons/save.png" onclick="save()"&gt;
</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', '&lt;command&gt;')}}</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>