cman.jpWEBページ作成
広告
<menu> 「メニューリスト」[読み方：メニュー]
<menu>タグは、ツールバーを表します。
ツールバーの内容は<li>タグに、ユーザーが実行またはアクティブ化できるコマンドを記載します。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○(*1) | ○ |
(*1)DTDがStrictの場合は使用できない
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<menu> の仕様
<menu> の属性
【構文】
<menu>
<li>
<button type="button" onclick="操作１" ・・・>
</li>
</menu>
<li>
<button type="button" onclick="操作１" ・・・>
</li>
</menu>
| 属性 | 意味 | 値のサンプルなど | ||||||
|---|---|---|---|---|---|---|---|---|
| label="項目名" | メニューのラベル名 ※HTML5以降に廃止。指定不可。 | |||||||
| type="種類名" | メニューの種類 ※省略可。 入れ子になった親要素が"popup"の場合、 子要素も"popup"として扱われる。 それ以外の場合の初期値は、"toolbar"。 ※HTML5以降に廃止。指定不可。 |
| ||||||
| 廃止された属性 |
|
|||||||
| グローバル属性 |
| |
| イベント属性 |
| |
<menu>タグのサンプル
<menu>
<li>
<button type="button" onckick="alert(’new’)">New</button>
</li>
<li>
<button type="button" onckick="alert(’open’)">Open</button>
</li>
<li>
<button type="button" onckick="alert(’save’)">Save</button>
</li>
<li>
<button type="button" onckick="alert(’saveas’)">Saveas</button>
</li>
</menu>
<li>
<button type="button" onckick="alert(’new’)">New</button>
</li>
<li>
<button type="button" onckick="alert(’open’)">Open</button>
</li>
<li>
<button type="button" onckick="alert(’save’)">Save</button>
</li>
<li>
<button type="button" onckick="alert(’saveas’)">Saveas</button>
</li>
</menu>
留意事項
- <menu>タグは、HTML5で追加、削除が複数回あり、都度、仕様が変更されています。
- <menu>タグは、ツールバーを表すという意味的な違い以外は、<ul>タグと同じです。ツールバーのように表示するには、CSSで指定します。
広告