Mise à jour le 22 décembre 2021
S’il est relativement facile d’écrire du texte en HTML pour créer des titres et remplir des paragraphes de prose, la chose se corse quand il s’agit d’afficher à l’écran des caractères spéciaux qui sortent de l’alphabet courant. En termes savants, ces caractères spéciaux portent le joli nom d’entités de caractères en XML et HTML. Ces entités ont des noms de baptême peu explicites pour la plupart d’entre eux : laquo, raquo, copy, reg… On les insère sur une page HTML en saisissant une esperluette & (ampersand en anglais) suivi du nom de l’entité et pour finir un point-virgule (;) : par exemple © pour insérer le symbole du copyright.
Ces caractères spéciaux sont utiles pour ajouter divers symboles sur les pages HTML : signes de ponctuation, symboles mathématiques, barres horizontales et verticales, flèches, carrés, triangles, signes de fractions, caractères des alphabets non latins, symboles monétaires, symboles décoratifs, symboles météo, pièces du jeu d’échecs, planètes…
Évidemment, il n’est pas possible de mémoriser tous ces codes. On peut avec beaucoup de patience les retrouver en passant par Google, mais il n’est pas si facile de retrouver le bon code pour un symbole particulier en le saisissant dans le moteur de recherche.
C’est là qu’intervient le site interactif &What; qui référence 14 500 entités HTML classées par catégories ou trouvables très rapidement en passant par le moteur de recherche intégré qui accepte les recherches par nom (même partiel), par symbole, par description ou par expressions régulières. La liste des commandes disponibles est affichée en cliquant sur Help depuis la page d’accueil. Une fois qu’un symbole a été trouvé, on récupère son code d’insertion en cliquant dessus pour l’afficher dans une mini fenêtre à partir de laquelle on pourra le copier dans le presse-papier.
En haut à droite de la fenêtre principale, des boutons permettent de modifier le mode d’affichage : Unicode, nom des entités et codes en notations décimale ou hexadécimale, caractères d’échappement en CSS… La police d’affichage se modifie en cliquant en bas à droite sur l’icône F puis en sélectionnant une fonte dans la liste.
Source : &What
Site comparable : HTML Arrows
