Trouver et utiliser tous les caractères spéciaux du HTML

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.

&what

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.

entite-html-copy

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

Publicités

4 réflexions au sujet de “Trouver et utiliser tous les caractères spéciaux du HTML”

  1. Merci Katryne pour les liens complémentaires. Je ne sais pas répondre à ta question, mais peut-être que quelqu’un pourra nous éclairer.

  2. Merci Éric pour ce site que je ne connaissais pas. J’utilisais déjà : http://copypastecharacter.com/ ou http://www.kostis.net/charsets/iso10646.htm ou encore : https://www.cs.tut.fi/~jkorpela/ucs.html8 , mais ce site permet d’autres modes de recherches, d’autres accès.

    Je m’amuse parfois en émaillant mes textes de caractères spéciaux, mais je suis un peu dépitée quand je regarde le résultat sous plusieurs navigateurs où mes caractères spéciaux sont remplacés par des rectangles vides.

    Qu’est-ce qui empêche certains navigateurs d’être aussi peu coopératifs ? Comment rendre mes textes « enrichis » un peu plus universels ?

Les commentaires sont fermés.

%d blogueurs aiment cette page :