Maison > interface Web > tutoriel CSS > Sur le «DL»

Sur le «DL»

Lisa Kudrow
Libérer: 2025-03-20 09:23:10
original
858 Les gens l'ont consulté

Sur le «DL»

Exploration du HTML souvent négligé<dl></dl> élément - la liste de définition. Ben Myers met en évidence son utilité, en particulier pour représenter des paires de valeurs de nom, telles que les équipements d'hébergement, les détails de facturation ou les glossaires techniques. Chacun de ces scénarios est parfaitement adapté à la structure sémantique fournie par<dl></dl> .

Voici un exemple simple illustrant le<dl></dl> ,<dt></dt> (terme de définition), et<dd></dd> (DESCRIPTION DE DÉFINITION) Éléments:

Copier après la connexion
Copier après la connexion
Élément
Liste de définition
Fraîcheur
10/10
Versatilité
7/10

Myers note les avantages pratiques de l'accessibilité de<dl></dl> , en particulier pour les lecteurs d'écran, qui annoncent généralement le nombre d'éléments dans la liste. Cependant, la méthode de comptage exacte (total d'enfants, seulement<dt></dt> des éléments, etc.) reste un point d'intérêt.

Fait intéressant, tout en nichant

éléments au sein d'un<dl></dl> peut sembler non conventionnel:
Copier après la connexion
Copier après la connexion
Titre
Conception avec des normes Web
Auteur
Jeffrey Zeldman
Ethan Marcotte
Éditeur
New Riders Pub; 3e édition (19 octobre 2009)

... Cela s'avère étonnamment utile à des fins de style, permettant un regroupement visuel et un style plus faciles des "lignes" ou l'ajout de frontières entre les groupes. Cette flexibilité est unique à<dl></dl> par rapport aux listes ordonnées ou non ordonnées. L'auteur conclut en remettant en question de manière ludique la résurgence potentielle du<hgroup></hgroup> élément.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal