Les codes d'encodage du caractère spĂ©cial « 🔘 » ou « bouton radio ».

🔘 Le caractère spĂ©cial « 🔘 » reprĂ©sente : « bouton radio ».
Vous trouverez ci-dessous, la liste des codes d'encodage du caractère spĂ©cial « 🔘 » ou « bouton radio » 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 « bouton radio » correspond au code « U+1F518 » et fait partie des caractères spĂ©ciaux de ma « Caractères Formulaire », mais d'autres caractères spĂ©ciaux proches de ce dernier sont disponibles dans ma « Caractères Forme GĂ©omĂ©trique ».

Codes encodages du caractère spĂ©cial 🔘 ou bouton radio
Caractère (UTF-8 | ISO-8859-1) 🔘 | ?
Signification du caractère bouton radio
Encodage en Css() \01F518 |
Encodage en Javascript \ud83d\udd18 |
Encodage Html Entité HĂ©xadĂ©cimal 🔘 | 🔘
Encodage Html Entité DĂ©cimal 🔘 | 🔘
Code ou entité Html aucun
Encodage pour l'Url UTF-8 %F0%9F%94%98 |
Code Unicode U+1F518
Arial, Helvetica, sans-serif 🔘
Times New Roman, Times, serif 🔘
Courier New, Courier, monospace 🔘
Comic Sans MS, cursive 🔘
Comment interpréter ce tableau?

Il faut savoir que l'aspect , l'aspect graphique du caractère spĂ©cial « 🔘 » ou « bouton radio » 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 « bouton radio » 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.

Convertisseur

caractère UTF-8 : 🔘
code html entité : aucun
code html dĂ©c. : 🔘
code html uni. : 🔘
code css : \01F518
code Js : \ud83d\udd18
 RĂ©sultat gĂ©nĂ©rĂ© via html Bon encodage : 🔘
🔘 = 🔘
🔘 = 🔘
🔘 = 🔘
Mauvais encodage : ? Résultat généré via Résultat généré via Code Css pour ajouter du texte .identifiant{
   : "\01F518";
}
.identifiant{
   : "\01F518";
}

Comment lire le tableau des encodages de caractères spĂ©ciaux.

Le ou représentation graphique du caractère spĂ©cial « 🔘 » ou « bouton radio » 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 « Caractères Formulaire ».
Afficher seulement les caractères.

Tableau de codes d'encodage de caractères spĂ©ciaux ou accentuĂ©s unicode sur le thĂšme "Caractère Unicode de type formulaire "
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 coche, forme vide\002705 | \u2705 | ✅ | ✅✅ | ✅%E2%9C%85 |
✗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 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 |

Processus d'affichage du caractère par le navigateur.

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 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 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.