Le Test Ultime des Listes HTML
Ce code permet de vérifier l'affichage natif de toutes les structures de listes possibles (puces, numéros, définitions, imbrications) sur le thème actuel.
1. Listes à puces classiques (Non ordonnées - ul)
Vérification des 3 niveaux d'indentation et des formes de puces (Pleine, Cercle, Carré).
- Niveau 1 : Élément standard (Normalement une puce pleine)
- Niveau 1 : Un autre élément avec des sous-points
- Niveau 2 : Premier sous-élément (Normalement un cercle vide)
- Niveau 2 : Deuxième sous-élément avec ses propres sous-points
- Niveau 3 : Sous-sous-élément (Normalement un carré)
- Niveau 3 : Autre sous-sous-élément
- Niveau 1 : Dernier élément classique
2. Listes numérotées (Ordonnées - ol)
Vérification de l'incrémentation automatique des numéros.
- Première étape du processus
- Deuxième étape avec des sous-étapes
- Sous-étape 2.1
- Sous-étape 2.2
- Détail 2.2.1
- Troisième étape du processus
3. Listes mixtes (Imbrication ul et ol)
Vérification du comportement quand on mélange des puces et des numéros.
- Phase de préparation
- Vérifier le stock de pièces de rechange
- Valider le devis client
- Phase d'intervention
4. Listes numérotées avec attributs (Avancé)
Beaucoup de thèmes écrasent ces attributs natifs HTML très utiles.
Liste qui commence à un autre chiffre (start="5")
- Étape numéro 5
- Étape numéro 6
Liste alphabétique (type="A")
- Option A : Livraison standard
- Option B : Livraison express
Liste en chiffres romains (type="I")
- Chapitre I : Introduction
- Chapitre II : Méthodologie
5. Listes de définitions (dl, dt, dd)
Idéal pour le SEO : lie sémantiquement un terme à sa définition.
- CVC
- Chauffage, Ventilation et Climatisation. Secteur d'activité regroupant les métiers du confort thermique.
- SEO
- Search Engine Optimization. Ensemble des techniques visant à optimiser la visibilité d'un site web dans les résultats de recherche.
6. Éléments de liste complexes (Paragraphes multiples)
Vérification de l'alignement quand un point de liste contient beaucoup de texte espacé.
-
Ceci est le premier paragraphe du premier point de la liste.
Ceci est le deuxième paragraphe, toujours à l'intérieur du même point de liste. L'alignement sur la gauche doit rester parfaitement calé sous le texte du haut, et non revenir sous la puce.
- Point suivant, beaucoup plus court.