Résumé
L'élément HTML <menu> représente une liste non-ordonnée de choix ou de différentes commandes.
Il n'y a pas de limite dans la profondeur que peuvent avoir les listes imbriquées au sein des éléments <menu>, <ol> et <ul>.
Note d'utilisation : Les éléments
<menu> et <ul> représentent tous les deux des listes non-ordonnées. Ils se distinguent car l'élément <ul> ne contient que des objets à afficher alors que l'élément <menu> peut contenir des objets interactifs pouvant être utilisés.Note : Cet élément était déprécié en HTML4 mais a été ré-introduit dans HTML5.
- Catégories de contenu Contenu de flux.
Si l'attribut de l'élémenttypevauttoolbar: du contenu interactif, du contenu tangible.
Si l'attributtypede l'élément vautlist: contenu interactif. - Contenu autorisé Soit : aucun ou plusieurs éléments
<li>
soit du contenu de flux - Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
- Éléments parents autorisés Tout élément acceptant du contenu de flux
- Interface DOM
HTMLMenuElement
Attributs
Cet élément possède les attributs globaux.
type- Utilisé pour indique le type de menu à déclarer. Les valeurs définies au sein du standard HTML5 sont :
context- les commandes d'un menu contextuel. L'utilisateur peut interagir avec ces commandes, seulement si ce menu contextuel est activé.
toolbar- Une liste de commandes actives avec lesquelles l'utilisateur peut intéragir immédiatement.
list- Une liste non-ordonnées d'objets (chacun étant représenté par un élément
<li>), représentant chacun une commande que l'utilisateur peut utiliser ou activer. Si l'élément n'a pas de descendants<li>ce sera du contenu de flux décrivant les commandes disponibles.
label- Fournit l'étiquette associée à l'élément menu.
Exemple
<menu type="toolbar">
<li>
<menu label="Fichier">
<button type="button" onclick="new()">Nouveau...</button>
<button type="button" onclick="save()">Enregistrer...</button>
</menu>
</li>
<li>
<menu label="Édition">
<button type="button" onclick="cut()">Couper...</button>
<button type="button" onclick="copy()">Copier...</button>
<button type="button" onclick="paste()">Coller...</button>
</menu>
</li>
</menu>
Résultat
Spécifications
| Spécification | Statut | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<menu>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<menu>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? |
Voir également
- Les éléments HTML en lien avec les listes :
<ol>,<ul>,<li>et<dir>(ce dernier étant obsolète). - L'attribut global
contextmenuqui peut être utilisé dans un élément pour faire référence à l'idd'unmenud'un certaincontexttype