Bien avant que les émoticônes colorent les applications de messagerie et les boîtes de réception des gens colorés, les développeurs Web ont inséré des symboles spéciaux dans leurs pages Web représentées dans la norme Unicode UTF-8. Pour insérer l'un de ces symboles Unicode, par exemple des caractères de flèche standard, un développeur doit modifier directement une page Web en modifiant le code HTML qui rend la page.
Par exemple, si vous écrivez un article de blog avec WordPress, vous devrez passer à la Texte mode au lieu de Visuel mode, basculable dans le coin supérieur droit de la zone de composition, pour insérer votre symbole spécial.
Comment insérer des symboles de flèche
Vous aurez besoin de l'un des trois identificateurs: le code d'entité HTML5, le code décimal ou le code hexadécimal. N'importe lequel des trois produit le même résultat. En général, les codes d'entité commencent par une esperluette et se terminent par un point-virgule. Au centre, une abréviation résumant le symbole. Les codes décimaux suivent le format esperluette + hashtag + code numérique + point-virgule, tandis que les codes hexadécimaux insèrent la lettre X entre le hashtag et les nombres.
Par exemple, un symbole de flèche vers la droite (←) est inséré dans la page par l’une des combinaisons suivantes:
Je vais afficher ←
Je vais afficher ←
Je vais afficher ←
La plupart des symboles Unicode font ne pas proposer un code d'entité, ils doivent donc être attribués à l'aide du code décimal ou hexadécimal.
Ces codes doivent être insérés directement dans le code HTML à l'aide d'un outil d'édition en mode texte ou en mode source. L'ajout de symboles à un éditeur visuel risque de ne pas fonctionner et le collage du caractère Unicode souhaité dans un éditeur visuel risque de ne pas produire l'effet escompté.
Symboles de flèche commune
Utilisez le tableau suivant pour trouver le symbole souhaité. Unicode prend en charge des dizaines de types et de styles de flèches différents. En regardant la carte des personnages sur votre PC Windows, vous pouvez identifier des styles de flèches spécifiques. Lorsque vous mettez un symbole en surbrillance, vous voyez souvent une description au bas de la fenêtre de l'application Carte de caractères sous la forme de U +. nnnn , où les nombres représentent le code décimal du symbole.
Notez que toutes les polices Windows n'affichent pas toutes les formes des symboles Unicode. Par conséquent, si vous ne trouvez pas ce que vous voulez même après avoir modifié les polices à l'intérieur de la table de caractères, envisagez d'autres sources, notamment les pages de résumé de W3Schools.
| Personnage | Décimal | Hexadécimal | Entité | Nom normalisé |
|---|---|---|---|---|
| ← | 8592 | 2190 | ← | Flèche vers la gauche |
| ↑ | 8593 | 2191 | ↑ | Flèche vers le haut |
| → | 8594 | 2192 | → | Flèche droite |
| ↔ | 8595 | 2194 | ↔ | Flèche vers le bas |
| ↕ | 8597 | 2195 | Flèche haut en bas | |
| ↻ | 8635 | 21BB | Flèche de cercle ouvert dans le sens des aiguilles d'une montre | |
| ⇈ | 8648 | 21C8 | Flèches appariées vers le haut | |
| ⇾ | 8702 | 21FE | Flèche à tête ouverte à droite | |
| ⇶ | 8694 | 21F6 | Trois flèches vers la droite | |
| ⇦ | 8678 | 21E6 | Flèche blanche à gauche | |
| ⇡ | 8673 | 21E1 | Flèche tiretée vers le haut | |
| ⇝ | 8669 | 21DD | Flèche vers la droite |
Considérations
Les navigateurs Microsoft Edge, Internet Explorer 11 et Firefox 35 ou plus récents n'ont aucune difficulté à afficher la gamme complète de caractères Unicode capturés dans la norme UTF-8. Toutefois, Google Chrome omet par intermittence certains caractères s'ils sont présentés uniquement à l'aide du code d'entité HTML5.
UTF-8 sert d’encodage par défaut pour près de 90% de toutes les pages Web en août 2017, selon Google. La norme UTF-8 inclut des caractères autres que des flèches. Par exemple, UTF-8 prend en charge les caractères suivants:
- Symboles monétaires
- Symboles ressemblant à des lettres qui ne sont pas des lettres
- Opérateurs mathématiques
- Formes géométriques
- Formes en forme de boîte
- Dingbats
- Marques diacritiques
- Caractères grecs, coptes et cyrilliques
La procédure pour insérer ces symboles supplémentaires est exactement la même que pour les flèches.
