Przykład
Menu kontekstowe z różnymi <menuitem> elementów:
<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> Spróbuj sam " Definicja i Wykorzystanie
<menu> tag definiuje listy / menu poleceń.
<menu> tag służy do menu kontekstowych, pasków narzędzi i wystawianie formularzy kontroli i poleceń.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje elementu.
| Element | |||||
|---|---|---|---|---|---|
| <menu> | Nieobsługiwany | Nieobsługiwany | 8,0 (Tylko menu kontekstowe) | Nieobsługiwany | Nieobsługiwany |
Uwaga: <menu> znacznik jest obsługiwana tylko w Firefoksie i działa tylko na menu kontekstowych.
Porady i wskazówki
Wskazówka: Użyj CSS projektować list menu.
Różnice między HTML 4.01 i HTML5
<menu> element został przestarzałe w HTML 4.01.
<menu> Element jest na nowo w HTML5.
Atrybuty
= Nowe w HTML5.
| Atrybut | Wartość | Opis |
|---|---|---|
| label | text | Określa widoczną etykietę dla menu |
| type | list toolbar context | Określa rodzaj menu, które do wyświetlania |
Atrybuty globalne
<menu> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<menu> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
Odniesienia HTML DOM: menu Object
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <menu> element z następujących wartości domyślnych:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}