Les codes d'encodage du caractère spécial « ✅ » ou « coche, forme vide ».
✅ Le caractère spécial « ✅ » représente : « coche, forme vide ».
Vous trouverez ci-dessous, la liste des codes d'encodage du caractère spécial « ✅ » ou « coche, forme vide » utilisables pour l'écriture de texte en Javascript, CSS ou HTML, mais aussi pour l'insertion dans une Url.
Le caractère spécial « ✅ » ou « coche, forme vide » correspond au code Unicode « U+2705 » et fait partie des caractères spéciaux de ma thématique « Caractères Formulaire ».
Caractère (UTF-8 | ISO-8859-1) | ✅ | ? |
---|---|
Signification du caractère | coche, forme vide |
Encodage en Css(*) | \002705 | |
Encodage en Javascript | \u2705 | |
Encodage Html Entité Héxadécimal | ✅ | ✅ |
Encodage Html Entité Décimal | ✅ | ✅ |
Code ASCII ou entité Html | aucun |
Encodage pour l'Url UTF-8 | %E2%9C%85 | |
Code Unicode | U+2705 |
Arial, Helvetica, sans-serif | ✅ |
Times New Roman, Times, serif | ✅ |
Courier New, Courier, monospace | ✅ |
Comic Sans MS, cursive | ✅ |
Il faut savoir que l'aspect glyphe, l'aspect graphique du caractère spécial « ✅ » ou « coche, forme vide » est variable suivant la fonte utilisée,
que les polices ne possèdent pas forcément l'ensemble des caractère Unicode. Dans le cas où le caractère n'est pas trouvé dans la police spécifiée, le navigateur essaye de trouver une équivalence.
Vous devez utiliser le bon code caractère « ✅ » ou « coche, forme vide » sinon, vous risquez d'avoir des caractères mal affichés en Css, Html ou Javascript comme peut le monter le caractère encodé en ISO-8859-1.
caractère UTF-8 : ✅
Résultat généré via html
code html entité : aucun
code html déc. : ✅
code html uni. : ✅
code css : \002705
code Js : \u2705
Bon encodage : ✅
Résultat généré via Js
✅ = ✅
✅ = ✅
✅ = ✅
Mauvais encodage : ?
Résultat généré via Css
Code Css pour ajouter du texte
.identifiant:before{
content : "\002705";
}
.identifiant:after{
content : "\002705";
}
Comment lire le tableau des encodages de caractères spéciaux.
Le glyphe ou représentation graphique du caractère spécial « ✅ » ou « coche, forme vide » affiché après le pipe " | " doit être correctement affiché, sinon c'est qu'il y a une erreur d'interprétation du code d'encodage du caractère situé avant le " | ".
A l'exception du caractère en ISO-8859-1 qui est là pour nous monter le problème d'encodage.
Pour l'encodage de Html Entité nommé s'il n'y a rien, c'est qu'il n'existe pas de code nommé.
Pour l'encodage pour Css : le glyphe ou caractère graphique après le pipe est affiché via une css externe encodée en iso-8859-1 .
Pour l'encodage pour Javascript : le glyphe ou caractère graphique est affiché via un js externe encodé en iso-8859-1 .
Pour l'encodage pour l'Url : le glyphe ou caractère graphique est affiché via un js externe encodé en iso-8859-1 et est décodé avec la méthode js decodeURIComponent().
Pour l'encodage pour le Html Entité Décimal, Héxadécimal et Nommé : c'est le code qui est directement mis dans la page HTML.
La page est encodée en UTF-8.
Les correspondances des encodages de caractères spéciaux.
Tableau de correspondances d'encodage avec les principaux caractères spéciaux de ma thématique « Caractères Formulaire ».
Afficher seulement les caractères.
Car. | Desc. | Css | Js | Html Hex. | Html Dec. | Html Nom | Url |
---|---|---|---|---|---|---|---|
✓ | caractère petite coche gras | \002713 | | \u2713 | | ✓ | ✓ | ✓ | ✓ | %E2%9C%93 | | |
🗸 | caractère petite coche | \01F5F8 | | \ud83d\uddf8 | | 🗸 | 🗸 | 🗸 | 🗸 | %F0%9F%97%B8 | | |
✔ | caractère coche en gras | \002714 | | \u2714 | | ✔ | ✔ | ✔ | ✔ | %E2%9C%94 | | |
✗ | caractère croix | \002717 | | \u2717 | | ✗ | ✗ | ✗ | ✗ | %E2%9C%97 | | |
🗴 | caractère petite croix scripte | \01F5F4 | | \ud83d\uddf4 | | 🗴 | 🗴 | 🗴 | 🗴 | %F0%9F%97%B4 | | |
🗶 | caractère petite croix scripte grasse | \01F5F6 | | \ud83d\uddf6 | | 🗶 | 🗶 | 🗶 | 🗶 | %F0%9F%97%B6 | | |
✖ | caractère croix carrée | \002716 | | \u2716 | | ✖ | ✖ | ✖ | ✖ | %E2%9C%96 | | |
❌ | caractère croix carrée en gras | \00274C | | \u274c | | ❌ | ❌ | ❌ | ❌ | %E2%9D%8C | | |
❎ | caractère croix carrée, forme négative | \00274E | | \u274e | | ❎ | ❎ | ❎ | ❎ | %E2%9D%8E | | |
❖ | caractère losange noir marqué d'un x | \002756 | | \u2756 | | ❖ | ❖ | ❖ | ❖ | %E2%9D%96 | | |
☑ | caractère carré blanc avec une coche | \002611 | | \u2611 | | ☑ | ☑ | ☑ | ☑ | %E2%98%91 | | |
🗹 | caractère carré blanc avec une coche grasse | \01F5F9 | | \ud83d\uddf9 | | 🗹 | 🗹 | 🗹 | 🗹 | %F0%9F%97%B9 | | |
☒ | caractère carré blanc avec une croix | \002612 | | \u2612 | | ☒ | ☒ | ☒ | ☒ | %E2%98%92 | | |
🗵 | caractère carré blanc avec une croix scripte | \01F5F5 | | \ud83d\uddf5 | | 🗵 | 🗵 | 🗵 | 🗵 | %F0%9F%97%B5 | | |
🗷 | caractère carré blanc avec une croix scripte grasse | \01F5F7 | | \ud83d\uddf7 | | 🗷 | 🗷 | 🗷 | 🗷 | %F0%9F%97%B7 | | |
🗳 | caractère boîte de scrutin avec vote | \01F5F3 | | \ud83d\uddf3 | | 🗳 | 🗳 | 🗳 | 🗳 | %F0%9F%97%B3 | | |
☐ | caractère carré blanc sans ombre | \002610 | | \u2610 | | ☐ | ☐ | ☐ | ☐ | %E2%98%90 | | |
🔘 | caractère bouton radio et + | \01F518 | | \ud83d\udd18 | | 🔘 | 🔘 | 🔘 | 🔘 | %F0%9F%94%98 | | |
⭕ | caractère cercle blanc sans ombre | \002B55 | | \u2b55 | | ⭕ | ⭕ | ⭕ | ⭕ | %E2%AD%95 | | |
❍ | caractère cercle blanc ombre à droite et + | \00274D | | \u274d | | ❍ | ❍ | ❍ | ❍ | %E2%9D%8D | | |
❏ | caractère carré blanc ombre en bas à gauche | \00274F | | \u274f | | ❏ | ❏ | ❏ | ❏ | %E2%9D%8F | | |
❐ | caractère carré blanc ombre en haut à gauche | \002750 | | \u2750 | | ❐ | ❐ | ❐ | ❐ | %E2%9D%90 | | |
❑ | caractère carré blanc ombre en bas à droite | \002751 | | \u2751 | | ❑ | ❑ | ❑ | ❑ | %E2%9D%91 | | |
❒ | caractère carré blanc ombre en haut à droite | \002752 | | \u2752 | | ❒ | ❒ | ❒ | ❒ | %E2%9D%92 | | |
❓ | caractère point d'intérogation d'ornementation, forme pleine | \002753 | | \u2753 | | ❓ | ❓ | ❓ | ❓ | %E2%9D%93 | | |
❔ | caractère point d'intérogation d'ornementation, forme vide | \002754 | | \u2754 | | ❔ | ❔ | ❔ | ❔ | %E2%9D%94 | | |
❕ | caractère point d'exclamation d'ornementation, forme vide | \002755 | | \u2755 | | ❕ | ❕ | ❕ | ❕ | %E2%9D%95 | | |
❗ | caractère point d'exclamation d'ornementation, forme pleine | \002757 | | \u2757 | | ❗ | ❗ | ❗ | ❗ | %E2%9D%97 | | |
❘ | caractère barre verticale, légère | \002758 | | \u2758 | | ❘ | ❘ | ❘ | ❘ | %E2%9D%98 | | |
❙ | caractère barre verticale, moyenne | \002759 | | \u2759 | | ❙ | ❙ | ❙ | ❙ | %E2%9D%99 | | |
❚ | caractère barre verticale, épaisse | \00275A | | \u275a | | ❚ | ❚ | ❚ | ❚ | %E2%9D%9A | | |
✆ | caractère téléphone dans cercle, symbole d'emplacement du téléphone et + | \002706 | | \u2706 | | ✆ | ✆ | ✆ | ✆ | %E2%9C%86 | | |
℡ | caractère abréviation téléphone | \002121 | | \u2121 | | ℡ | ℡ | ℡ | ℡ | %E2%84%A1 | | |
℻ | caractère fax | \00213B | | \u213b | | ℻ | ℻ | ℻ | ℻ | %E2%84%BB | | |
✂ | caractère ciseaux noirs | \002702 | | \u2702 | | ✂ | ✂ | ✂ | ✂ | %E2%9C%82 | | |
✄ | caractère ciseaux blancs | \002704 | | \u2704 | | ✄ | ✄ | ✄ | ✄ | %E2%9C%84 | | |
✁ | caractère ciseaux noirs, lame inférieure invisible | \002701 | | \u2701 | | ✁ | ✁ | ✁ | ✁ | %E2%9C%81 | | |
✃ | caractère ciseaux noirs, lame supérieure invisible | \002703 | | \u2703 | | ✃ | ✃ | ✃ | ✃ | %E2%9C%83 | | |
🖎 | caractère main gauche qui écrit et + | \01F58E | | \ud83d\udd8e | | 🖎 | 🖎 | 🖎 | 🖎 | %F0%9F%96%8E | |
Ce que dit en résumé le W3C, c'est que le navigateur avant d'afficher le glyphe, vérifie ( en simplifiant ) si le caractère est présent dans la police spécifiée dans propriété CSS font-family ou balise HTML font. Si ce n'est pas le cas, ira chercher dans la police suivante d'éclarée et en dernier recours dans une cinq familles de polices génériques : ' serif ', ' sans-serif ', ' cursive ', ' fantasy ', ' monospace '.
L'image à gauche montre un exemple de ce phénomène. On demande d'afficher le texte "caractère" avec la police "Quartz". Cette dernière ne possède pas de "e accent grave".
L'image à gauche montre un exemple de police non trouvée. On demande d'afficher le texte "caractère" avec la police "julee" (1ère ligne), chez vous cela s'affiche bien car vous avez la police sur votre ordinateur. Malheureusement l'internaute ne la possède pas (2ème ligne).
Au début pour le dernier recours, je me suis dit que le navigateur recherche le caractère dans l'ensemble des polices disponibles sur l'ordinateur. Mais je m'aperçois que sur le même ordinateur et suivant le navigateur, un caractère peut avoir un glyphe différent ou même ne pas être trouvé. Ce qui me laisse à penser que chaque navigateur a ses propres familles de polices génériques, je n'arrive pas à trouver des informations sur ce fonctionnement.
Le seul moyen d'être sûr que le caractère spécial s'affiche est d'importer la police qui contient le caractère spécial sur l'ordinateur de l'internaute (comme on le fait finalement pour une image), via la propriété css @font-face ou de remplacer le caractère spécial par une image. Cependant tous les caractères ayant un code "Code ASCII ou entité Html" seront toujours trouvés, car ils font partie d'un standard Web assez vieux.