cman.jpWEBページ作成
広告
<menu> 「メニューリスト」[読み方：メニュー]
<menu>タグは、<li>、<button>、<menuitem>と組み合わせてツールバーやポップアップメニューを定義します。
2014年6月時点で主要ブラウザは<menu>に非対応のため動作の確認は出来ていません。
<menu>は、HTML5で一旦は追加されましたが、
W3C Candidate Recommendation 6 August 2013で削除されたため、使用できません。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○(*1) | × |
(*1)DTDがStrictの場合は使用できない
<menu>は、HTML5.1で追加が検討されている様です。
広告
<menu> の属性
【構文】
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" ・・・>
</menu>
</li>
</menu>
<li>
<menu label="File">
<button type="button" ・・・>
</menu>
</li>
</menu>
<menu>タグのサンプル
ツールバーのサンプル
ポップアップメニューのサンプル
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onckick="fnew()">New・・・</button>
<button type="button" onckick="fopen()">Open・・・</button>
<button type="button" onckick="fsave()">Save・・・</button>
<button type="button" onckick="fsaveas()">Saveas ・・・</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onckick="ecopy()">Copy・・・</button>
<button type="button" onckick="ecut()">Cut・・・</button>
<button type="button" onckick="epaste()">Paste・・・</button>
</menu>
</li>
</menu>
<li>
<menu label="File">
<button type="button" onckick="fnew()">New・・・</button>
<button type="button" onckick="fopen()">Open・・・</button>
<button type="button" onckick="fsave()">Save・・・</button>
<button type="button" onckick="fsaveas()">Saveas ・・・</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onckick="ecopy()">Copy・・・</button>
<button type="button" onckick="ecut()">Cut・・・</button>
<button type="button" onckick="epaste()">Paste・・・</button>
</menu>
</li>
</menu>
主要ブラウザで<menu>に対応していないため動作サンプルはありません。
<menu>
<li>
<button type="menu" value="File" menu=filemenu"></button>
<menu id="filemenu" type="popup">
<menuitem onclick="fnew()" label="New・・・" />
<menuitem onclick="fopen()" label="Open・・・" />
<menuitem onclick="fsave()" label="Save・・・" />
<menuitem onclick="fsaveas()" label="Save as・・・" />
</menu>
</li>
<li>
<button type="menu" value="Edit" menu=editmenu"></button>
<menu id="editmenu" type="Copy">
<menuitem onclick="ecopy()" label="Copy・・・" />
<menuitem onclick="ecut()" label="Cut・・・" />
<menuitem onclick="epaste()" label="Paste・・・" />
</menu>
</li>
</menu>
<li>
<button type="menu" value="File" menu=filemenu"></button>
<menu id="filemenu" type="popup">
<menuitem onclick="fnew()" label="New・・・" />
<menuitem onclick="fopen()" label="Open・・・" />
<menuitem onclick="fsave()" label="Save・・・" />
<menuitem onclick="fsaveas()" label="Save as・・・" />
</menu>
</li>
<li>
<button type="menu" value="Edit" menu=editmenu"></button>
<menu id="editmenu" type="Copy">
<menuitem onclick="ecopy()" label="Copy・・・" />
<menuitem onclick="ecut()" label="Cut・・・" />
<menuitem onclick="epaste()" label="Paste・・・" />
</menu>
</li>
</menu>
主要ブラウザで<menu>に対応していないため動作サンプルはありません。
留意事項
- <menu>タグは、HTML5で一旦は追加されましたが、最終的に削除されたため使用できません。
- <menu>タグ内に<hr>を定義することで、各メニュー項目を区切るセパレータとして機能します。項目の多いメニューを作成する際などに利用することができます。
広告