DEVENIR-WEBMASTER.COM
DEVENIR-WEBMASTER.COM
Une liste c'est une suite de choix. Vous devez baliser chaque choix par des balises li.
Vous devez vous posez cette question : Est ce que si je change l'ordre alors le sens change ?
Si le sens change c'est une liste ordonnée. L'ordre est important !
Vous devez placer votre liste dans un élément ol.
Ce qui donnera :
Si le sens ne change pas c'est une liste non ordonnée.
Vous devez placer votre liste dans un élément ul.
Ce qui donnera :
Je mets des bordures autours des boîtes.
Les li sont des boîtes en display list-item. Avec cette information quelque part
le moteur de rendu sait qu'il doit dessiner quelque chose (puce ou nombre)
devant la boîte.
Les ul sont des boîtes en display block
Une fois de plus ces marges ne sont pas négligeables notamment sur un smartphone. 40px sur un écran de 320px ça fait 1/8 ième de l'espace.
Certains choisissent de faire un reset CSS de ces marges.
On peut aussi changer le mode d'affichage de la boîte. Il n'y aura plus de puce devant la boîte.
Si on passe la liste en block.
Si on passe la liste en inline-block.
Et maintenant on peut décider d'être en inline-block lorsqu'il y a de la place
et en block lorsqu'il n'y en a pas.
C'est un très bon moyen pour faire des menus responsive.
Vous pouvez enlever la puce et mettre une image à la place.
Le style par défaut est disc
Vous pouvez changer le style de la puce.
Par défaut la numérotation sera décimale. Vous pouvez utiliser les attributs HTML start ou reversed.
Vous pouvez choisir une numérotation romaine minuscule,
ou une numérotation romaine majuscule
Il est possible d'imbriquer des listes. Les li peuvent contenir une autre liste voire d'autres éléments de type block ou inline.
