Comment créer des listes de définition en HTML5 - les listes de

Les listes sont des outils puissants pour regrouper des éléments similaires, et les listes permettent aux visiteurs de zoomer sur des groupes de information. Juste au sujet de n'importe quoi tient dans une liste, des ensembles d'instructions aux collections de liens. La liste de définitions regroupe les termes et définitions en une seule liste et nécessite trois éléments pour compléter la liste:

• : Contient les définitions de liste (dl = liste de définitions)

• : Définit un terme dans la liste (dt = terme de définition)

• : Définit une définition pour un terme (dd = définition de liste de définitions)

Vous pouvez avoir autant de termes (définis par

) dans une liste (

) selon vos besoins. Chaque terme peut avoir une ou plusieurs définitions (définies par

).

La création d'une liste de définitions avec deux éléments nécessite des balises et du contenu dans l'ordre suivant:

3. Nom du premier terme

Contenu pour la définition du premier article

Nom du deuxième terme

Contenu pour la définition du deuxième article

La liste de définitions suivante comprend trois termes, dont l'un a deux définitions:

Listes de définitions

Définitions de langage de balisage


SGML


Langage de balisage généralisé standard


HTML


Langage de balisage hypertexte


Le langage de balisage que vous utilisez pour créer les pages Web.


XML


Le langage de balisage extensible

La figure montre comment un navigateur affiche ce code HTML.

Si vous pensez que les éléments d'une liste sont trop proches, vous pouvez utiliser des styles CSS pour contrôler soigneusement tous les aspects de l'apparence de la liste.

Notez que les listes de définitions s'affichent souvent différemment dans différents navigateurs, et qu'elles ne sont pas toujours traitées de la même manière par les moteurs de recherche ou les traducteurs de synthèse vocale. Sur. com a une bonne discussion des listes de définitions sur leur page Web Design / HTML.

Hélas, cela signifie que les listes de définitions peuvent ne pas être le meilleur choix de formatage pour les listes que vous créez (même des listes de définitions). Pour une discussion plus détaillée, voir l'excellente couverture de ce sujet sur Max Design.