English

<ul>

Lister des éléments sans ordre particulier

  • HTML
  • accessibilité
  • sémantique
  • listes

<ul> + <li> — La liste non ordonnée

La balise <ul> représente une liste non ordonnée : un groupe d'éléments dont l'ordre n'a pas d'importance sémantique. Chaque élément est un <li>.

Quand l'utiliser

Tu veux afficher une liste de liens de navigation, une liste de fonctionnalités, des tags, des ingredients de recette ou toute énumération où l'ordre ne compte pas.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran annoncent "liste, X éléments" et permettent de naviguer d'item en item. Un ensemble de <div> ne donne aucune de ces informations.

Exemple de code

<ul>
  <li>Automatic backups</li>
  <li>Real-time collaboration</li>
  <li>End-to-end encryption</li>
</ul>

Pour aller plus loin