Örnek
Farklı olan bir bağlam menüsünü <menuitem> elemanlar:
<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> Kendin dene " Tanımı ve Kullanımı
<menu> etiketi komutların bir listesi / menü tanımlar.
<menu> etiketi bağlam menüleri, araç çubukları için ve form kontrolleri ve komutları listelemek için kullanılır.
Tarayıcı Desteği
Tablodaki rakamlar tamamen elemanı destekleyen ilk tarayıcı sürümü belirtin.
| Eleman | |||||
|---|---|---|---|---|---|
| <menu> | Desteklenmiyor | Desteklenmiyor | 8 (Sadece bağlam menüleri) | Desteklenmiyor | Desteklenmiyor |
Not: <menu> etiketi yalnızca Firefox desteklenir ve yalnızca bağlam menüleri için çalışır.
İpuçları ve Notlar
Tip: Kullanım CSS menü listeleri stil.
HTML 4.01 ve HTML5 Arasındaki Farklar
<menu> eleman edildi kaldırılmış HTML 4.01 yılında.
<menu> eleman HTML5'teki yeniden tanımlanır.
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| label | text | menü için görünür bir etiket belirtir |
| type | list toolbar context | Menünün türü görüntülemek için hangi belirtir |
Küresel Nitelikler
<menu> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<menu> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML DOM referansı: Menü Nesne
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <menu> aşağıdaki varsayılan değerlerle eleman:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}