Comment insérer des symboles de flèche sur votre page Web

Cet article explique comment insérer des flèches (et d'autres symboles) dans un article de blog ou le code HTML d'une page Web à l'aide du éditeur ou plateforme de votre choix. Ces frappes sont basées sur Unicode, qui navigateurs Web reconnaître et se transformer en symboles souhaités.

Comment faire une flèche pour votre page Web

Vous aurez besoin de l'un des trois identifiants: le HTML5 code d'entité, le code décimal ou le hexadécimal code. N'importe lequel des trois identificateurs 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 milieu se trouve une abréviation résumant ce qu'est le symbole. Les codes décimaux suivent le format

Esperluette+Hashtag+Code numérique+Point virgule, et les codes hexadécimaux insèrent la lettre X entre le hashtag et les chiffres.

Par exemple, pour produire un symbole de flèche vers la gauche (←), saisissez l'une des combinaisons suivantes:

• HTML:

  ←

• Décimal:

  ←

• Hexadécimal:

  ←

Vous devez insérer ces codes directement dans le code HTML à l'aide d'un outil d'édition en mode texte ou en mode source. L'ajout des symboles à un éditeur visuel peut ne pas fonctionner et le fait de coller le caractère Unicode souhaité dans un éditeur visuel peut ne pas donner l'effet escompté. Par exemple, lors de la rédaction d'un article de blog en utilisant WordPress, basculer vers Éditeur de code mode au lieu de Éditeur visuel mode pour insérer un symbole spécial.

Symboles de flèche communs

Unicode prend en charge des dizaines de types et de styles de flèches. Regardez la table des caractères sur votre ordinateur pour identifier des styles de flèches spécifiques.

Pour ouvrir la table des caractères, sélectionnez Démarrer > Tous les programmes > Accessoires > SystèmeOutils > Table des caractères (ou sélectionnez les fenêtres et entrez table des caractères dans le champ de recherche).

Lorsque vous mettez un symbole en surbrillance, vous verrez une description du symbole au bas de la fenêtre de l'application Table des caractères sous la forme de U+nnnn, où les nombres représentent le code décimal du symbole.

Notez que tous Polices Windows afficher toutes les formes des symboles Unicode, donc si vous ne trouvez pas ce que vous voulez même après avoir changé les polices dans la table des caractères, envisagez d'autres sources, y compris les pages de résumé pour W3Écoles.

Symboles de flèche UTF-8 sélectionnés
Personnage	Décimal	Hexadécimal	Entité	Nom normalisé
←	8592	2190	←	Flèche 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 bas
↻	8635	21BB	flèche à cercle ouvert dans le sens des aiguilles d'une montre
⇈	8648	21C8	flèches jumelées vers le haut
⇾	8702	21FE	flèche à tête ouverte droite
⇶	8694	21F6	trois flèches droites
⇦	8678	21E6	flèche blanche gauche
⇡	8673	21E1	flèche pointillée vers le haut
⇝	8669	21DD	flèche droite gribouillis

Considérations

Microsoft Edge, Internet Explorer 11, et Firefox 35 et les navigateurs plus récents n'ont aucune difficulté à afficher la gamme complète de caractères Unicode dans la norme UTF-8. Google Chrome, cependant, manque par intermittence certains caractères s'ils sont présentés uniquement à l'aide du code d'entité HTML5.

La norme UTF-8 inclut également des caractères au-delà 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
• Symboles
• Marques diacritiques
• Caractères grecs, coptes et cyrilliques

La procédure d'insertion de ces symboles supplémentaires est exactement la même que pour les flèches.