Les listes à puces sont utiles pour présenter des listes d'items ou d'items de manière non séquentielle ou sans ordre particulier.
- La balise <ul> crée une liste à puces;
- <ul> vient de l’expression anglaise « unordered list »;
- Les items de listes sont identifiés par la balise <li> qui vient de l'anglais « list item »;
- Les balises <li> doivent être fermées par </li>;
- L'élément <ul> doit être ensuite être fermé avec la balise </ul>;
- De façon naturelle, listes sont des éléments de bloc.
Exemple de liste à puces
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>
Résultat
- Item 1
- Item 2
- Item 3
Conseil de rédaction : Les listes à puces peuvent être utilisées pour des listes d'objets, de concepts. Elles servent aussi à créer des menus de navigation qui sont ensuite mis en forme avec CSS.
Sources :
Les listes (Draillard, 2020)
<ul> : Liste d'éléments sans ordre particulier (unordered list) (Mozilla)
<li> : Élément d'une liste (list item) (Mozilla)