Comment créer des listes imbriquées en HTML5 - Les nuls

des ensembles d'instructions aux collections de liens. Vous pouvez créer des sous-catégories en imbriquant des listes dans des listes. Voici quelques utilisations courantes des listes imbriquées:

• Cartes du site et autres outils de navigation

• Tables de contenu des livres et documents en ligne

• Contours

Vous pouvez combiner l'un des trois types de listes pour créer < imbriquées listes , telles qu'une table des matières multiniveaux ou un plan qui mélange des en-têtes numérotés avec des éléments de liste à puces comme niveau de plan le plus bas.

L'exemple suivant commence par une liste numérotée qui définit une liste de choses à faire pour la journée et utilise trois listes à puces pour décomposer ces éléments en tâches spécifiques:

Listes imbriquées Choses à faire aujourd'hui

Nourrir le chat

Rincer le bol

Ouvrir l'aliment pour chat

Mélanger les aliments secs et humides dans un bol
Livrer sur un plateau d'argent au Pixel
Laver la voiture
intérieur


Lavage extérieur

Extérieur cire









Faire l'épicerie

Repas à emporter
Nettoyer le réfrigérateur

Faire la liste
Aller au magasin
Toutes les listes imbriquées suivent le même schéma de balisage:
Chaque liste élément dans la liste ordonnée de niveau supérieur est suivie par une liste complète de second niveau.

Les listes de deuxième niveau sont situées dans la liste de niveau supérieur et non dans les éléments de la liste.

• Cette figure montre comment un navigateur reflète cette imbrication dans son affichage.

  Pendant que vous créez des listes imbriquées, regardez attentivement l'ouverture et la fermeture des étiquettes. "Fermer d'abord ce que vous avez ouvert en dernier" est un axiome important. Si vous n'ouvrez pas et ne fermez pas les balises correctement, les listes peuvent ne pas utiliser de retraits ou de nombres cohérents, ou le texte peut être indenté de manière incorrecte, car une liste quelque part n'a jamais été correctement fermée.