Symboles puces et points de liste

Les puces sont ces signes typographiques qui introduisent les éléments d’une liste et rendent le contenu facile à parcourir. Cette collection couvre toutes leurs formes : les puces classiques (• ‣ ◦), le point médian comme séparateur (·), les marques à plusieurs points et les points de suspension (… ⋮), les cercles (● ◉), les formes de liste (▪ ◆), les puces directionnelles (➤ ▸), les chiffres cerclés pour les listes ordonnées (① ❶) et les émojis cercles colorés (🔴 🟢). Cliquez sur n’importe quel symbole puce pour le copier-coller.

Un peu d’histoire

Avant la puce, les imprimeurs utilisaient l’index ☞ — une main pointée — pour signaler les passages importants. À l’ère de la machine à écrire, on marquait les listes avec des astérisques (*), que les imprimeurs remplaçaient par de vraies puces (•) lors de la composition finale. L’habitude est restée : Markdown transforme encore aujourd’hui les astérisques en listes à puces.

Choisir la bonne puce

• Documents professionnels : les cercles simples (• ○) ou les carrés (▪ ■) restent sobres et formels
• Listes imbriquées : variez selon le niveau — • pour les points principaux, ◦ pour les sous-éléments, ▪ pour le troisième niveau
• Étapes successives : les puces fléchées (➤ →) ou les chiffres cerclés (① ② ③) montrent l’ordre et la progression
• Listes de contrôle : ☐ vide, ☑ cochée, ☒ barrée — ou les simples coches ✓ ✔ ✗ ✘
• Mise en avant : les puces étoiles (★ ✦) soulignent les favoris ou les coups de cœur
• Contenus créatifs : les puces décoratives (❥ ❧ ❉) habillent invitations et publications sur les réseaux sociaux

Des points presque identiques, des caractères différents

Quatre points se ressemblent presque, mais ce sont des caractères Unicode distincts : · le point médian (U+00B7, un séparateur), • la puce (U+2022, un marqueur de liste), ⋅ l’opérateur point (U+22C5, mathématiques) et ∙ l’opérateur puce (U+2219, mathématiques). Pour des listes en texte brut, utilisez • ; comme séparateur compact dans une bio ou une navigation, utilisez · ; dans les formules, choisissez le bon opérateur — l’identité du caractère compte dans le code, même quand l’apparence est identique.

Saisir et coder les puces

Émojis cercles ou cercles géométriques

Les émojis cercles colorés (🔴 🟢 🔵) s’affichent comme des images en couleur dessinées par chaque plateforme, tandis que les cercles géométriques (● ○) sont des caractères texte qui adoptent la couleur de votre texte — parfaits pour des pastilles de statut stylées en CSS. Pour tout élément interactif, préférez le vrai balisage HTML des listes et des formulaires plutôt que des symboles collés, afin que les lecteurs d’écran annoncent correctement la structure.