HTML <menü> Etiketi
Örnek
Farklı <menuitem> öğelerine sahip bir bağlam menüsü:
<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>
Tanım ve Kullanım
<menu> etiketi, bir komut listesi/menüsü tanımlar.
<menu> etiketi, içerik menüleri, araç çubukları ve form kontrollerini ve komutlarını listelemek için kullanılır.
Tarayıcı Desteği
Tablodaki sayılar, öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Element | |||||
|---|---|---|---|---|---|
| <menu> | Not supported | Not supported | 8.0 (only context menus) |
Not supported | Not supported |
Not: <menu> etiketi yalnızca Firefox'ta desteklenir ve yalnızca bağlam menülerinde çalışır.
İpuçları ve Notlar
İpucu: Menü listelerine stil vermek için CSS kullanın.
Öznitellikler
| Attribute | Value | Description |
|---|---|---|
| label | text | Specifies a visible label for the menu |
| type | list toolbar context |
Specifies which type of menu to display |
Genel Özellikler
<menu> etiketi , HTML'deki Global Nitelikleri de destekler .
Etkinlik Özellikleri
<menu> etiketi , HTML'deki Etkinlik Niteliklerini de destekler .
İlgili Sayfalar
HTML DOM referansı: Menü Nesnesi
Varsayılan CSS Ayarları
Çoğu tarayıcı, <menu> öğesini aşağıdaki varsayılan değerlerle görüntüler:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}