L’élément <dd> définit une description, une définition ou une valeur dans une liste de description, utilisé dans les balises <dl> pour faire la paire avec <dt> (Terme de description).
Ceci est utile pour afficher des données clé-valeur. Les informations de profil, les paramètres et les statistiques en sont des exemples courants.
Quel est le rôle général de l’association de <figure> et <figcaption> ?
La balise <figure> est généralement utilisée pour encapsuler du contenu (média) autonome, comme une image ou un graphique, accompagnée de <figcaption> pour fournir une légende.
Cela est utile pour les images, les diagrammes, les extraits de code, etc.
L’élément <article> est utilisé pour définir un contenu autonome qui peut être distribué ou réutilisé indépendamment.
Il est souvent utilisé pour les articles de blog, les articles de presse, les messages de forum ou les commentaires d’utilisateurs.
Vous pouvez utiliser plusieurs articles sur une page (pour les pages à défilement infini, par exemple). Ou vous pouvez les imbriquer les uns dans les autres pour créer une hiérarchie de « contenu autonome ».
Quel est le but des éléments <fieldset> et <legend> dans un formulaire ?
<fieldset> est utilisé pour regrouper des contrôles de formulaire connexes, et <legend> fournit un titre/étiquette pour le groupe, améliorant l’accessibilité.
Ceci est utile pour regrouper des éléments de formulaire connexes, comme une section pour l’adresse de livraison ou les détails de paiement.
L’élément <meter> est utilisé pour représenter une mesure scalaire (unique) dans une plage définie, comme la température, l’utilisation du disque ou un décompte de votes.
Il peut sembler similaire à une barre <progress>, cependant les barres de progression COMMENCENT TOUJOURS à zéro. Par conséquent, les éléments <progress> affichent un pourcentage d’achèvement, tandis qu’un <meter> affiche n’importe quelle valeur dans une plage définissable.
L’élément <hgroup> regroupe un titre avec du contenu secondaire connexe, généralement un ou plusieurs éléments <p>.
Cela peut être utile lorsqu’un titre a un sous-titre, un slogan ou un titre alternatif qui ne doit pas devenir un autre titre dans le plan du document.
Le <menu> représente une liste de commandes ou de contrôles interactifs.
Si votre liste est constituée de liens de navigation, utilisez <nav> avec une <ul>. Utilisez <menu> pour des contrôles de type barre d’outils ou des listes de commandes.
Pourquoi devriez-vous utiliser un élément <dialog> ?
L’élément <dialog> est utilisé pour les pop-ups ou les modales, et fournit un balisage sémantique, du CSS étendu et une API native pour ces interactions.
Utilisez JavaScript pour l’ouvrir avec .showModal() pour les dialogues modaux ou .show() pour les dialogues non modaux, et le fermer avec .close() ou une soumission de formulaire utilisant method="dialog".
L’élément <time> est utilisé pour les dates, les heures ou les durées. Il peut contenir du texte lisible par l’humain et un attribut datetime lisible par la machine. HTML n’a pas d’élément <date>.
Les attributs ARIA (Accessible Rich Internet Applications) améliorent l’accessibilité web en fournissant un contexte supplémentaire pour les lecteurs d’écran et autres technologies d’assistance.
Il existe des rôles, des états et des propriétés qui peuvent être utilisés pour décrire des éléments.
