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 Forme Géométrique ».
Afficher seulement les caractères.
Comment interpréter ce tableau?

Tableau de codes d'encodage de caractères spéciaux ou accentués unicode sur le thème "Caractère Unicode de type forme géométrique "
Car. Desc. Css Js Html Hex. Html Dec. Html Nom Url
caractère pentagone, forme pleine\002B1F | \u2b1f | ⬟ | ⬟ | %E2%AC%9F |
caractère pentagone, forme vide\002B20 | \u2b20 | ⬠ | ⬠ | %E2%AC%A0 |
caractère pentagone pointant vers la droite, forme pleine\002B53 | \u2b53 | ⭓ | ⭓ | %E2%AD%93 |
caractère pentagone pointant vers la droite, forme vide\002B54 | \u2b54 | ⭔ | ⭔ | %E2%AD%94 |
caractère hexagone, forme pleine\002B22 | \u2b22 | ⬢ | ⬢ | %E2%AC%A2 |
caractère hexagone, forme vide\002B21 | \u2b21 | ⬡ | ⬡ | %E2%AC%A1 |
caractère hexagone horizontal, forme pleine\002B23 | \u2b23 | ⬣ | ⬣ | %E2%AC%A3 |
caractère très petit carré, forme pleine\002B1D | \u2b1d | ⬝ | ⬝ | %E2%AC%9D |
caractère très petit carré, forme vide\002B1E | \u2b1e | ⬞ | ⬞ | %E2%AC%9E |
caractère carré moyen, forme pleine\0025AA | \u25aa | ▪ | ▪ | %E2%96%AA |
caractère carré moyen, forme vide\0025AB | \u25ab | ▫ | ▫ | %E2%96%AB |
caractère carré, forme pleine\0025A0 | \u25a0 | ■ | ■ | %E2%96%A0 |
caractère carré, forme vide\0025A1 | \u25a1 | □ | □ | %E2%96%A1 |
caractère carré pointillé, forme vide\002B1A | \u2b1a | ⬚ | ⬚ | %E2%AC%9A |
caractère très grand carré, forme pleine\002B1B | \u2b1b | ⬛ | ⬛ | %E2%AC%9B |
caractère très grand carré, forme vide et +\002B1C | \u2b1c | ⬜ | ⬜ | %E2%AC%9C |
caractère très grand carré coins arrondis, forme vide\0025A2 | \u25a2 | ▢ | ▢ | %E2%96%A2 |
caractère double très grand carré coins arrondis, forme pleine\0025A3 | \u25a3 | ▣ | ▣ | %E2%96%A3 |
caractère double très grand carré hachures horizontales, forme vide\0025A4 | \u25a4 | ▤ | ▤ | %E2%96%A4 |
caractère double très grand carré hachures verticales, forme vide\0025A5 | \u25a5 | ▥ | ▥ | %E2%96%A5 |
caractère double très grand carré hachures dans les deux sens, forme vide\0025A6 | \u25a6 | ▦ | ▦ | %E2%96%A6 |
caractère double très grand carré hachures diagonales haut gauche vers bas droit, forme vide\0025A7 | \u25a7 | ▧ | ▧ | %E2%96%A7 |
caractère double très grand carré hachures diagonales haut droit vers bas gauche, forme vide\0025A8 | \u25a8 | ▨ | ▨ | %E2%96%A8 |
caractère double très grand carré hachures diagonales deux sens, forme vide\0025A9 | \u25a9 | ▩ | ▩ | %E2%96%A9 |
caractère parallélogramme horiontal, forme pleine\0025B0 | \u25b0 | ▰ | ▰ | %E2%96%B0 |
caractère parallélogramme horiontal, forme vide\0025B1 | \u25b1 | ▱ | ▱ | %E2%96%B1 |
caractère rectangle verticale, forme pleine\0025AE | \u25ae | ▮ | ▮ | %E2%96%AE |
caractère rectangle verticale, forme vide\0025AF | \u25af | ▯ | ▯ | %E2%96%AF |
caractère rectangle horiontal, forme pleine\0025AC | \u25ac | ▬ | ▬ | %E2%96%AC |
caractère rectangle horiontal, forme vide\0025AD | \u25ad | ▭ | ▭ | %E2%96%AD |
caractère petit losange, forme pleine\002B2A | \u2b2a | ⬪ | ⬪ | %E2%AC%AA |
caractère petit losange, forme vide\002B2B | \u2b2b | ⬫ | ⬫ | %E2%AC%AB |
caractère losange moyen, forme pleine\002B27 | \u2b27 | ⬧ | ⬧ | %E2%AC%A7 |
caractère losange moyen, forme vide\002B28 | \u2b28 | ⬨ | ⬨ | %E2%AC%A8 |
caractère ellipse verticale, forme pleine\002B2E | \u2b2e | ⬮ | ⬮ | %E2%AC%AE |
caractère ellipse verticale, forme vide\002B2F | \u2b2f | ⬯ | ⬯ | %E2%AC%AF |
caractère ellipse horizontale, forme pleine\002B2C | \u2b2c | ⬬ | ⬬ | %E2%AC%AC |
caractère ellipse horizontale, forme vide\002B2D | \u2b2d | ⬭ | ⬭ | %E2%AC%AD |
caractère très grand cercle, forme pleine\002B24 | \u2b24 | ⬤ | ⬤ | %E2%AC%A4 |
🔴caractère très grand cercle rouge, forme pleine\01F534 | \ud83d\udd34 | 🔴 | 🔴🔴 | 🔴%F0%9F%94%B4 |
🔵caractère très grand cercle bleu, forme pleine\01F535 | \ud83d\udd35 | 🔵 | 🔵🔵 | 🔵%F0%9F%94%B5 |
caractère très grand cercle, forme vide\0025EF | \u25ef | ◯ | ◯ | %E2%97%AF |
🔿caractère cercle avec ombre vers le haut à droite, forme vide\01F53F | \ud83d\udd3f | 🔿 | 🔿🔿 | 🔿%F0%9F%94%BF |
🔾caractère cercle avec ombre vers le bas à droite, forme vide\01F53E | \ud83d\udd3e | 🔾 | 🔾🔾 | 🔾%F0%9F%94%BE |
caractère petit cercle, forme vide\0025CB | \u25cb | ○ | ○ | %E2%97%8B |
caractère petit cercle pointillé, forme vide\0025CC | \u25cc | ◌ | ◌ | %E2%97%8C |
caractère petit cercle, forme pleine\0025CF | \u25cf | ● | ● | %E2%97%8F |
caractère petit cercle, sur fond plein\0025D9 | \u25d9 | ◙ | ◙ | %E2%97%99 |
caractère cercle, forme vide\002B58 | \u2b58 | ⭘ | ⭘ | %E2%AD%98 |
caractère cercle large, forme vide\002B55 | \u2b55 | ⭕ | ⭕ | %E2%AD%95 |
caractère cercle hachure, forme vide\0025CD | \u25cd | ◍ | ◍ | %E2%97%8D |
caractère double cercle, forme vide\0025CE | \u25ce | ◎ | ◎ | %E2%97%8E |
caractère double cercle, forme peine\0025C9 | \u25c9 | ◉ | ◉ | %E2%97%89 |
caractère très petit cercle, forme vide\0025E6 | \u25e6 | ◦ | ◦ | %E2%97%A6 |
caractère très petit cercle, sur fond plein\0025D8 | \u25d8 | ◘ | ◘ | %E2%97%98 |
caractère diamant moyen, forme pleine\002B25 | \u2b25 | ⬥ | ⬥ | %E2%AC%A5 |
🔸caractère diamant orange moyen, forme pleine\01F538 | \ud83d\udd38 | 🔸 | 🔸🔸 | 🔸%F0%9F%94%B8 |
🔹caractère diamant bleu moyen, forme pleine\01F539 | \ud83d\udd39 | 🔹 | 🔹🔹 | 🔹%F0%9F%94%B9 |
caractère diamant moyen, forme vide\002B26 | \u2b26 | ⬦ | ⬦ | %E2%AC%A6 |
caractère diamant, forme pleine\0025C6 | \u25c6 | ◆ | ◆ | %E2%97%86 |
🔶caractère diamant orange, forme pleine\01F536 | \ud83d\udd36 | 🔶 | 🔶🔶 | 🔶%F0%9F%94%B6 |
🔷caractère diamant bleu, forme pleine\01F537 | \ud83d\udd37 | 🔷 | 🔷🔷 | 🔷%F0%9F%94%B7 |
caractère diamant, forme vide\0025C7 | \u25c7 | ◇ | ◇ | %E2%97%87 |
caractère double diamant, forme pleine\0025C8 | \u25c8 | ◈ | ◈ | %E2%97%88 |
caractère triangle pointe en haut, forme pleine\0025B2 | \u25b2 | ▲ | ▲ | %E2%96%B2 |
caractère triangle pointe en haut, forme vide\0025B3 | \u25b3 | △ | △ | %E2%96%B3 |
🔺caractère triangle rouge pointe en haut, forme pleine\01F53A | \ud83d\udd3a | 🔺 | 🔺🔺 | 🔺%F0%9F%94%BA |
caractère petit triangle pointe en bas, forme pleine\0025B4 | \u25b4 | ▴ | ▴ | %E2%96%B4 |
caractère petit triangle pointe en bas, forme vide\0025B5 | \u25b5 | ▵ | ▵ | %E2%96%B5 |
🔼caractère petit triangle rouge pointe en bas, forme pleine\01F53C | \ud83d\udd3c | 🔼 | 🔼🔼 | 🔼%F0%9F%94%BC |
caractère triangle pointe en bas, forme pleine\0025BC | \u25bc | ▼ | ▼ | %E2%96%BC |
caractère triangle pointe en bas, forme vide\0025BD | \u25bd | ▽ | ▽ | %E2%96%BD |
🔻caractère triangle rouge pointe en bas, forme pleine\01F53B | \ud83d\udd3b | 🔻 | 🔻🔻 | 🔻%F0%9F%94%BB |
caractère petit triangle pointe en bas, forme pleine\0025BE | \u25be | ▾ | ▾ | %E2%96%BE |
caractère petit triangle pointe en bas, forme vide\0025BF | \u25bf | ▿ | ▿ | %E2%96%BF |
🔽caractère petit triangle rouge pointe en bas, forme pleine\01F53D | \ud83d\udd3d | 🔽 | 🔽🔽 | 🔽%F0%9F%94%BD |
caractère triangle pointe à droite, forme pleine\0025B6 | \u25b6 | ▶ | ▶ | %E2%96%B6 |
caractère triangle pointe à droite, forme vide\0025B7 | \u25b7 | ▷ | ▷ | %E2%96%B7 |
caractère petit triangle pointe à droite, forme pleine\0025B8 | \u25b8 | ▸ | ▸ | %E2%96%B8 |
caractère petit triangle pointe à droite, forme vide\0025B9 | \u25b9 | ▹ | ▹ | %E2%96%B9 |
caractère petit triangle aplati pointe à droite, forme vide\0025BB | \u25bb | ▻ | ▻ | %E2%96%BB |
caractère petit triangle aplati pointe à droite, forme pleine\0025BA | \u25ba | ► | ► | %E2%96%BA |
caractère triangle pointe à gauche, forme pleine\0025C0 | \u25c0 | ◀ | ◀ | %E2%97%80 |
caractère triangle pointe à gauche, forme vide\0025C1 | \u25c1 | ◁ | ◁ | %E2%97%81 |
caractère petit triangle pointe à gauche, forme pleine\0025C2 | \u25c2 | ◂ | ◂ | %E2%97%82 |
caractère petit triangle pointe à gauche, forme vide\0025C3 | \u25c3 | ◃ | ◃ | %E2%97%83 |
caractère petit triangle aplati pointe à gauche, forme vide\0025C5 | \u25c5 | ◅ | ◅ | %E2%97%85 |
caractère petit triangle aplati pointe à gauche, forme pleine\0025C4 | \u25c4 | ◄ | ◄ | %E2%97%84 |
caractère cercle moitier gauche pleine\0025D0 | \u25d0 | ◐ | ◐ | %E2%97%90 |
caractère cercle moitié droite pleine\0025D1 | \u25d1 | ◑ | ◑ | %E2%97%91 |
caractère cercle moitier haute pleine\0025D3 | \u25d3 | ◓ | ◓ | %E2%97%93 |
caractère cercle moitié basse pleine\0025D2 | \u25d2 | ◒ | ◒ | %E2%97%92 |
caractère demi cercle à gauche, forme pleine\0025D6 | \u25d6 | ◖ | ◖ | %E2%97%96 |
caractère demi cercle à droite, forme pleine\0025D7 | \u25d7 | ◗ | ◗ | %E2%97%97 |
caractère demi cercle à haut, sur fond plein\0025DA | \u25da | ◚ | ◚ | %E2%97%9A |
caractère demi cercle à bas, sur fond plein\0025DB | \u25db | ◛ | ◛ | %E2%97%9B |
caractère demi cercle haut, forme vide\0025E0 | \u25e0 | ◠ | ◠ | %E2%97%A0 |
caractère demi cercle bas, forme vide\0025E1 | \u25e1 | ◡ | ◡ | %E2%97%A1 |
caractère quart de cercle haut gauche, forme vide\0025DC | \u25dc | ◜ | ◜ | %E2%97%9C |
caractère quart de cercle haut droit, forme vide\0025DD | \u25dd | ◝ | ◝ | %E2%97%9D |
caractère quart de cercle bas gauche, forme vide\0025DF | \u25df | ◟ | ◟ | %E2%97%9F |
caractère quart de cercle bas droit, forme vide\0025DE | \u25de | ◞ | ◞ | %E2%97%9E |
caractère carré séparé en deux verticalement, forme vide\0025EB | \u25eb | ◫ | ◫ | %E2%97%AB |
caractère carré moitier gauche pleine\0025E7 | \u25e7 | ◧ | ◧ | %E2%97%A7 |
caractère carré moitié droite pleine\0025E8 | \u25e8 | ◨ | ◨ | %E2%97%A8 |
caractère carré moitier haute pleine\002B12 | \u2b12 | ⬒ | ⬒ | %E2%AC%92 |
caractère carré moitié basse pleine\002B13 | \u2b13 | ⬓ | ⬓ | %E2%AC%93 |
caractère carré moitier haute droite pleine\002B14 | \u2b14 | ⬔ | ⬔ | %E2%AC%94 |
caractère carré moitié basse gauche pleine\002B15 | \u2b15 | ⬕ | ⬕ | %E2%AC%95 |
caractère diamant moitié haute pleine\002B18 | \u2b18 | ⬘ | ⬘ | %E2%AC%98 |
caractère diamant moitié basse pleine\002B19 | \u2b19 | ⬙ | ⬙ | %E2%AC%99 |
caractère diamant moitié gauche pleine\002B16 | \u2b16 | ⬖ | ⬖ | %E2%AC%96 |
caractère diamant moitié droite pleine\002B17 | \u2b17 | ⬗ | ⬗ | %E2%AC%97 |
caractère triangle moitié gauche pleine\0025ED | \u25ed | ◭ | ◭ | %E2%97%AD |
caractère triangle moitié droite pleine\0025EE | \u25ee | ◮ | ◮ | %E2%97%AE |
caractère triangle coin haut gauche, forme pleine\0025E4 | \u25e4 | ◤ | ◤ | %E2%97%A4 |
caractère triangle coin haut droit, forme pleine\0025E5 | \u25e5 | ◥ | ◥ | %E2%97%A5 |
caractère triangle coin bas gauche, forme pleine\0025E3 | \u25e3 | ◣ | ◣ | %E2%97%A3 |
caractère triangle coin bas droit, forme pleine\0025E2 | \u25e2 | ◢ | ◢ | %E2%97%A2 |
caractère triangle coin haut gauche, forme vide\0025F8 | \u25f8 | ◸ | ◸ | %E2%97%B8 |
caractère triangle coin haut droit, forme vide\0025F9 | \u25f9 | ◹ | ◹ | %E2%97%B9 |
caractère triangle coin bas gauche, forme vide\0025FA | \u25fa | ◺ | ◺ | %E2%97%BA |
caractère triangle coin bas droit, forme vide\0025FF | \u25ff | ◿ | ◿ | %E2%97%BF |
caractère triangle point au centre, forme vide\0025EC | \u25ec | ◬ | ◬ | %E2%97%AC |
caractère carré avec quadrant supérieur gauche, forme vide\0025F0 | \u25f0 | ◰ | ◰ | %E2%97%B0 |
caractère carré avec quadrant inférieur gauche, forme vide\0025F1 | \u25f1 | ◱ | ◱ | %E2%97%B1 |
caractère carré avec quadrant inférieur droit, forme vide\0025F2 | \u25f2 | ◲ | ◲ | %E2%97%B2 |
caractère carré avec quadrant supérieur gauche, forme vide\0025F3 | \u25f3 | ◳ | ◳ | %E2%97%B3 |
caractère cercle avec quadrant supérieur gauche, forme vide\0025F4 | \u25f4 | ◴ | ◴ | %E2%97%B4 |
caractère cercle avec quadrant inférieur gauche, forme vide\0025F5 | \u25f5 | ◵ | ◵ | %E2%97%B5 |
caractère cercle avec quadrant inférieur droit, forme vide\0025F6 | \u25f6 | ◶ | ◶ | %E2%97%B6 |
caractère cercle avec quadrant supérieur gauche, forme vide\0025F7 | \u25f7 | ◷ | ◷ | %E2%97%B7 |
caractère Bulletin de vote marqué d'un x\002BBD | \u2bbd | ⮽ | ⮽ | %E2%AE%BD |
caractère X cerclé\002BBE | \u2bbe | ⮾ | ⮾ | %E2%AE%BE |
⮿caractère X gras cerclé\002BBF | \u2bbf | ⮿ | ⮿⮿ | ⮿%E2%AE%BF |

Comment lire le tableau des encodages de caractères.

Le ou représentation graphique du caractère spécial 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.

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.