La définition spécifique de la balise menu html5 et l'analyse détaillée de l'utilisation de la balise menu html5

Cet article parle principalement de la définition et des exemples d'utilisation de la balise de menu html5. Il existe des exemples et des exemples de résultats, ce qui facilite notre apprentissage. Par conséquent, veuillez lire attentivement cet article sur la balise de menu html5. 🎜>
Définition et utilisation de la balise de menu html5 :

La balise

définit une liste ou un menu de commandes. La balise

est utilisée dans les menus contextuels, les barres d'outils et pour répertorier les contrôles et les commandes de formulaire.

Exemple de balise HTML5

Une barre d'outils avec deux boutons de menu ("Fichier" et "Modifier"), chacun contenant une liste déroulante avec une série d'options :

<menu type="toolbar">
 <li>
 <menu label="File">
 <button type="button" onclick="file_new()">New...</button>
 <button type="button" onclick="file_open()">Open...</button>
 <button type="button" onclick="file_save()">Save</button>
 </menu>
 </li>
 <li>
 <menu label="Edit">
 <button type="button" onclick="edit_cut()">Cut</button>
 <button type="button" onclick="edit_copy()">Copy</button>
 <button type="button" onclick="edit_paste()">Paste</button>
 </menu>
 </li>
</menu>

Deux façons d'utiliser la balise menu en HTML5 :

1. définit la liste de menu

L'élément de menu est obsolète dans HTML4.01. Dans le HTML5 actuel, l'élément de menu a été redéfini et les éléments de liste de cet élément peuvent également utiliser li Label pour marquer.

la balise de menu définit une liste de menus. Les listes de menus sont généralement utilisées pour les menus de texte, les barres d'outils et les options de liste de commandes. Cette balise peut être utilisée lorsque vous souhaitez répertorier les contrôles de formulaire. L'effet d'affichage de la liste de menus dans le navigateur est le même que celui de la liste non ordonnée. La fonction à ce stade peut également être réalisée via la liste non ordonnée.

Résultats en cours d'exécution :

Nouveaux attributs de la balise de menu html5 :

attribut label (définit la marque visible d'un élément de menu, souvent utilisé pour marquer les menus imbriqués dans les menus, syntaxe : menu label="Fichier")

• tapez Attributs (définissez le type d'affichage du menu, la valeur par défaut est "list", syntaxe : menu type="value")

• list : valeur par défaut. Spécifie un menu de liste. Une liste de commandes (élément li) que l'utilisateur peut exécuter ou activer.

• barre d'outils : Spécifie un menu de barre d'outils. Les commandes proactives permettent à l'utilisateur d'interagir immédiatement avec la commande.

• contextmenu : Spécifie un menu contextuel qui sera affiché lorsque l'utilisateur clique avec le bouton droit sur l'élément.
2. Balise de menu HTML5

Exemple de code

Analyse du code de la balise de menu HTML5 :

<span contextmenu="myMenu">右击一下</span>
<menu type="context" id="myMenu">
    <menuitem label="单击一下" onclick="alert(&#39;您单击了我一下&#39;)" icon="">
    </menuitem>
</menu>

La balise

est utilisée pour les menus contextuels, les barres d'outils et pour répertorier les contrôles et les commandes de formulaire

la valeur de l'attribut contextmenu de la balise exemple C'est la valeur de l'identifiant de l'attribut ; l'attribut

label définit le nom de l'élément de menu ; l'attribut

onclick définit l'événement de clic sur l'élément de menu ;

attribut d'icône Définissez la petite icône sur le côté gauche de l'élément de menu

Il peut y avoir plusieurs Bien sûr, il existe de nombreux attributs de menu, cet article ne répertorie que certains attributs couramment utilisés.

Les résultats en cours d'exécution sont les suivants :

Conseils et commentaires pour la balise de menu html5 :

Conseils : Veuillez utiliser CSS pour styliser la liste des menus !

Différences entre HTML 4.01 et HTML5

L'élément

L'élément

a été redéfini en HTML5.

Différences entre HTML et XHTML

Dans HTML 4.01, l'élément menu est obsolète.

Dans XHTML 1.0 Strict DTD, l'élément de menu n'est pas pris en charge.

Cet article se termine ici. Si vous avez des questions, vous pouvez les poser ci-dessous

[Articles connexes de l'éditeur]

html sup et sub Comment utiliser les étiquettes ? Définition et exemples d'utilisation des balises html sup et sub

Quel est le rôle de la balise de détails html5 ? Introduction à l'utilisation des balises (avec exemples d'utilisation)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!