HTML5menuタグ(menu要素)は、操作メニューを表します。HTML5におけるmenu要素の意味と使い方、使用できる属性、サンプルコード、使用例について解説します。属性="属性値">~</menu>menu要素は操作メニューを表します。li要素やbutton要素、menuitem要素などと組み合わせて、閲覧者が利用するコンテクストメニューやツールバーを定義できます。HTML5での策定が進んでいましたが、ブラウザーのサポートがそれほど進まず、HTML5の仕様からはずれ、HTML5.1で策定が行われています。使用できる文脈フローコンテンツが期待される場所カテゴリーとコンテンツモデル使用できる属性label【ラベル】メニューにラベルを与えます。menu要素が入れ子になったとき、子要素になっているメニューのラベルとして使用されます。type【タイプ】メニューのタイプを指定します。指定できる値は以下の通りです。値が省略された場合、親要素となるmenu要素のtype属性の値がpopupに指定されている場合のみ、popupとして扱われます。それ以外の場合は、toolberとして扱われます。popupポップアップメニューとなります。対応するブラウザーでは画面上にポップアップメニューが表示され、閲覧者はそれを操作できます。toolbarツールバーとなります(初期値)。対応するブラウザーでは画面上にツールバーが表示され、閲覧者はそれを操作できます。グローバル属性すべての要素で使用できる属性です。グローバル属性とイベントハンドラ属性サンプルコード以下は、策定中のHTML5.1の仕様に掲載されているmenu要素とmenuitem要素を組み合わせて選択型のポップアップメニューを作成する例です。メニューのタイプはmenu要素のtype属性の値で、メニューの項目はmenuitem要素のtype属性の値で指定しています。この例は、ポップアップメニューを表示して3つのラジオボタンからテキストの揃え位置を選択できる仕組みです。ボタンを押したときの挙動は、onclick属性の値にJavaScriptを記述しています。menu、menuitem要素に対応しているブラウザーはFirefoxのみですが、2015年1月時点では仕様通りに対応しておらず、正しく表示されません。次の記事menuitemタグの意味と使い方HTML5サイト制作・運営HTMLTwitterでシェアFacebookでシェアLineで送るこの記事が気に入ったらいいね!しようできるネットから最新の記事をお届けします。ゆうこ)Webサイト制作を行うデジパ株式会社所属のマークアップエンジニア。HTML、CSSによるコーディング業務から、CMSの導入・カスタマイズまで、制作業務全般に携わる。「ディレクターからの指示がなくても、かゆいところに手が届くように」がモットー。よしき)フリーランスによるWebサイト制作業務などを経て、2004年よりWebサイト制作を行うデジパ株式会社に所属。クリエイティブ事業部マネージャー。個人活動としてセミナーでの講演、執筆も行う。使い方のポイントがすぐわかる!auからmineoでの移行。仕事で落ち込むことがあったから、会社帰りにマインドフルネスしてみた【メンタル余裕への道】Office上位パッケージが身近に。