最新のWeb開発のチュートリアル
 

HTML <menu> type Attribute

<HTML <menu>タグ

コンテキストメニュー:

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
  </menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png"
    onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
    </menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png"
    onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
    </menuitem>
  </menu>
  <menuitem label="Email This Page"
  onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
»それを自分で試してみてください

定義と使用法

type属性は、メニューの種類を指定します。


ブラウザのサポート

表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。

属性
type サポートされていません サポートされていません 8.0
(のみ= "コンテキスト"と入力)
サポートされていません サポートされていません

HTML 4.01とHTML5の違い

<menu>要素は、HTML5で再定義されており、 type属性が新しく追加されました。


構文

<menu type="list|context|toolbar">

属性値

説明
list デフォルト。 リストメニューを指定します。 コマンド(のリストliユーザーが実行するか、または活性化させることのできる要素)、
context コンテキストメニューを指定します。 ユーザーがコマンドと対話することができます前に、メニューをアクティブにする必要があります
toolbar ツールバーメニューを指定します。 アクティブコマンド、ユーザーはすぐにコマンドと対話することができます

<HTML <menu>タグ