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 Professions, Métier ».
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 professions, métiers "
Car. Desc. Css Js Html Hex. Html Dec. Html Nom Url
👷caractère travailleur dans la construction\01F477 | \ud83d\udc77 | 👷 | 👷👷 | 👷%F0%9F%91%B7 |
👷‍♂caractère ouvrier du bâtiment\01F477\00200D\002642 | \ud83d\udc77\u200d\u2642 | 👷‍♂ | 👷‍♂👷‍♂ | 👷‍♂👷‍♂ | 👷‍♂%F0%9F%91%B7%E2%80%8D%E2%99%82 |
👷‍♀caractère ouvrière du bâtiment\01F477\00200D\002640 | \ud83d\udc77\u200d\u2640 | 👷‍♀ | 👷‍♀👷‍♀ | 👷‍♀👷‍♀ | 👷‍♀%F0%9F%91%B7%E2%80%8D%E2%99%80 |
👮caractère policier neutre\01F46E | \ud83d\udc6e | 👮 | 👮👮 | 👮%F0%9F%91%AE |
👮‍♂caractère policier masculin\01F46E\00200D\002642 | \ud83d\udc6e\u200d\u2642 | 👮‍♂ | 👮‍♂👮‍♂ | 👮‍♂👮‍♂ | 👮‍♂%F0%9F%91%AE%E2%80%8D%E2%99%82 |
👮‍♀caractère policière\01F46E\00200D\002640 | \ud83d\udc6e\u200d\u2640 | 👮‍♀ | 👮‍♀👮‍♀ | 👮‍♀👮‍♀ | 👮‍♀%F0%9F%91%AE%E2%80%8D%E2%99%80 |
💂caractère garde neutre\01F482 | \ud83d\udc82 | 💂 | 💂💂 | 💂%F0%9F%92%82 |
💂‍♂caractère garde masculin\01F482\00200D\002642 | \ud83d\udc82\u200d\u2642 | 💂‍♂ | 💂‍♂💂‍♂ | 💂‍♂💂‍♂ | 💂‍♂%F0%9F%92%82%E2%80%8D%E2%99%82 |
💂‍♀caractère garde féminin\01F482\00200D\002640 | \ud83d\udc82\u200d\u2640 | 💂‍♀ | 💂‍♀💂‍♀ | 💂‍♀💂‍♀ | 💂‍♀%F0%9F%92%82%E2%80%8D%E2%99%80 |
👨‍💻caractère informaticien\01F468\00200D\01F4BB | \ud83d\udc68\u200d\ud83d\udcbb | 👨‍💻 | 👨‍💻👨‍💻 | 👨‍💻👨‍💻 | 👨‍💻%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB |
👩‍💻caractère informaticienne\01F469\00200D\01F4BB | \ud83d\udc69\u200d\ud83d\udcbb | 👩‍💻 | 👩‍💻👩‍💻 | 👩‍💻👩‍💻 | 👩‍💻%F0%9F%91%A9%E2%80%8D%F0%9F%92%BB |
👨‍⚖caractère juge masculin\01F468\00200D\002696 | \ud83d\udc68\u200d\u2696 | 👨‍⚖ | 👨‍⚖👨‍⚖ | 👨‍⚖👨‍⚖ | 👨‍⚖%F0%9F%91%A8%E2%80%8D%E2%9A%96 |
👩‍⚖caractère juge féminin\01F469\00200D\002696 | \ud83d\udc69\u200d\u2696 | 👩‍⚖ | 👩‍⚖👩‍⚖ | 👩‍⚖👩‍⚖ | 👩‍⚖%F0%9F%91%A9%E2%80%8D%E2%9A%96 |
👨‍🌾caractère fermier\01F468\00200D\01F33E | \ud83d\udc68\u200d\ud83c\udf3e | 👨‍🌾 | 👨‍🌾👨‍🌾 | 👨‍🌾👨‍🌾 | 👨‍🌾%F0%9F%91%A8%E2%80%8D%F0%9F%8C%BE |
👩‍🌾caractère fermière\01F469\00200D\01F33E | \ud83d\udc69\u200d\ud83c\udf3e | 👩‍🌾 | 👩‍🌾👩‍🌾 | 👩‍🌾👩‍🌾 | 👩‍🌾%F0%9F%91%A9%E2%80%8D%F0%9F%8C%BE |
👨‍🔧caractère mécanicien\01F468\00200D\01F527 | \ud83d\udc68\u200d\ud83d\udd27 | 👨‍🔧 | 👨‍🔧👨‍🔧 | 👨‍🔧👨‍🔧 | 👨‍🔧%F0%9F%91%A8%E2%80%8D%F0%9F%94%A7 |
👩‍🔧caractère mécanicienne\01F469\00200D\01F527 | \ud83d\udc69\u200d\ud83d\udd27 | 👩‍🔧 | 👩‍🔧👩‍🔧 | 👩‍🔧👩‍🔧 | 👩‍🔧%F0%9F%91%A9%E2%80%8D%F0%9F%94%A7 |
👨‍🚀caractère astronaute masculin\01F468\00200D\01F680 | \ud83d\udc68\u200d\ud83d\ude80 | 👨‍🚀 | 👨‍🚀👨‍🚀 | 👨‍🚀👨‍🚀 | 👨‍🚀%F0%9F%91%A8%E2%80%8D%F0%9F%9A%80 |
👩‍🚀caractère astronaute féminin\01F469\00200D\01F680 | \ud83d\udc69\u200d\ud83d\ude80 | 👩‍🚀 | 👩‍🚀👩‍🚀 | 👩‍🚀👩‍🚀 | 👩‍🚀%F0%9F%91%A9%E2%80%8D%F0%9F%9A%80 |
👨‍🎨caractère artiste masculin\01F468\00200D\01F3A8 | \ud83d\udc68\u200d\ud83c\udfa8 | 👨‍🎨 | 👨‍🎨👨‍🎨 | 👨‍🎨👨‍🎨 | 👨‍🎨%F0%9F%91%A8%E2%80%8D%F0%9F%8E%A8 |
👩‍🎨caractère artiste féminin\01F469\00200D\01F3A8 | \ud83d\udc69\u200d\ud83c\udfa8 | 👩‍🎨 | 👩‍🎨👩‍🎨 | 👩‍🎨👩‍🎨 | 👩‍🎨%F0%9F%91%A9%E2%80%8D%F0%9F%8E%A8 |
👨‍✈caractère pilote masculin\01F468\00200D\002708 | \ud83d\udc68\u200d\u2708 | 👨‍✈ | 👨‍✈👨‍✈ | 👨‍✈👨‍✈ | 👨‍✈%F0%9F%91%A8%E2%80%8D%E2%9C%88 |
👩‍✈caractère pilote féminin\01F469\00200D\002708 | \ud83d\udc69\u200d\u2708 | 👩‍✈ | 👩‍✈👩‍✈ | 👩‍✈👩‍✈ | 👩‍✈%F0%9F%91%A9%E2%80%8D%E2%9C%88 |
👨‍🚒caractère pompier masculin\01F468\00200D\01F692 | \ud83d\udc68\u200d\ud83d\ude92 | 👨‍🚒 | 👨‍🚒👨‍🚒 | 👨‍🚒👨‍🚒 | 👨‍🚒%F0%9F%91%A8%E2%80%8D%F0%9F%9A%92 |
👩‍🚒caractère pompier féminin\01F469\00200D\01F692 | \ud83d\udc69\u200d\ud83d\ude92 | 👩‍🚒 | 👩‍🚒👩‍🚒 | 👩‍🚒👩‍🚒 | 👩‍🚒%F0%9F%91%A9%E2%80%8D%F0%9F%9A%92 |
👨‍💼caractère employé de bureau\01F468\00200D\01F4BC | \ud83d\udc68\u200d\ud83d\udcbc | 👨‍💼 | 👨‍💼👨‍💼 | 👨‍💼👨‍💼 | 👨‍💼%F0%9F%91%A8%E2%80%8D%F0%9F%92%BC |
👩‍💼caractère employée de bureau\01F469\00200D\01F4BC | \ud83d\udc69\u200d\ud83d\udcbc | 👩‍💼 | 👩‍💼👩‍💼 | 👩‍💼👩‍💼 | 👩‍💼%F0%9F%91%A9%E2%80%8D%F0%9F%92%BC |
👨‍🏭caractère ouvrier\01F468\00200D\01F3ED | \ud83d\udc68\u200d\ud83c\udfed | 👨‍🏭 | 👨‍🏭👨‍🏭 | 👨‍🏭👨‍🏭 | 👨‍🏭%F0%9F%91%A8%E2%80%8D%F0%9F%8F%AD |
👩‍🏭caractère ouvrière\01F469\00200D\01F3ED | \ud83d\udc69\u200d\ud83c\udfed | 👩‍🏭 | 👩‍🏭👩‍🏭 | 👩‍🏭👩‍🏭 | 👩‍🏭%F0%9F%91%A9%E2%80%8D%F0%9F%8F%AD |
👨‍🔬caractère scientifique masculin\01F468\00200D\01F52C | \ud83d\udc68\u200d\ud83d\udd2c | 👨‍🔬 | 👨‍🔬👨‍🔬 | 👨‍🔬👨‍🔬 | 👨‍🔬%F0%9F%91%A8%E2%80%8D%F0%9F%94%AC |
👩‍🔬caractère scientifique féminin\01F469\00200D\01F52C | \ud83d\udc69\u200d\ud83d\udd2c | 👩‍🔬 | 👩‍🔬👩‍🔬 | 👩‍🔬👩‍🔬 | 👩‍🔬%F0%9F%91%A9%E2%80%8D%F0%9F%94%AC |
👨‍🎓caractère étudiant\01F468\00200D\01F393 | \ud83d\udc68\u200d\ud83c\udf93 | 👨‍🎓 | 👨‍🎓👨‍🎓 | 👨‍🎓👨‍🎓 | 👨‍🎓%F0%9F%91%A8%E2%80%8D%F0%9F%8E%93 |
👩‍🎓caractère étudiante\01F469\00200D\01F393 | \ud83d\udc69\u200d\ud83c\udf93 | 👩‍🎓 | 👩‍🎓👩‍🎓 | 👩‍🎓👩‍🎓 | 👩‍🎓%F0%9F%91%A9%E2%80%8D%F0%9F%8E%93 |
👨‍🍳caractère cuisinier\01F468\00200D\01F373 | \ud83d\udc68\u200d\ud83c\udf73 | 👨‍🍳 | 👨‍🍳👨‍🍳 | 👨‍🍳👨‍🍳 | 👨‍🍳%F0%9F%91%A8%E2%80%8D%F0%9F%8D%B3 |
👩‍🍳caractère cuisinière\01F469\00200D\01F373 | \ud83d\udc69\u200d\ud83c\udf73 | 👩‍🍳 | 👩‍🍳👩‍🍳 | 👩‍🍳👩‍🍳 | 👩‍🍳%F0%9F%91%A9%E2%80%8D%F0%9F%8D%B3 |
👨‍⚕caractère professionnel de la santé\01F468\00200D\002695 | \ud83d\udc68\u200d\u2695 | 👨‍⚕ | 👨‍⚕👨‍⚕ | 👨‍⚕👨‍⚕ | 👨‍⚕%F0%9F%91%A8%E2%80%8D%E2%9A%95 |
👩‍⚕caractère professionnelle de la santé\01F469\00200D\002695 | \ud83d\udc69\u200d\u2695 | 👩‍⚕ | 👩‍⚕👩‍⚕ | 👩‍⚕👩‍⚕ | 👩‍⚕%F0%9F%91%A9%E2%80%8D%E2%9A%95 |
👨‍🏫caractère enseignant\01F468\00200D\01F3EB | \ud83d\udc68\u200d\ud83c\udfeb | 👨‍🏫 | 👨‍🏫👨‍🏫 | 👨‍🏫👨‍🏫 | 👨‍🏫%F0%9F%91%A8%E2%80%8D%F0%9F%8F%AB |
👩‍🏫caractère enseignante\01F469\00200D\01F3EB | \ud83d\udc69\u200d\ud83c\udfeb | 👩‍🏫 | 👩‍🏫👩‍🏫 | 👩‍🏫👩‍🏫 | 👩‍🏫%F0%9F%91%A9%E2%80%8D%F0%9F%8F%AB |
👨‍🎤caractère chanteur\01F468\00200D\01F3A4 | \ud83d\udc68\u200d\ud83c\udfa4 | 👨‍🎤 | 👨‍🎤👨‍🎤 | 👨‍🎤👨‍🎤 | 👨‍🎤%F0%9F%91%A8%E2%80%8D%F0%9F%8E%A4 |
👩‍🎤caractère chanteuse\01F469\00200D\01F3A4 | \ud83d\udc69\u200d\ud83c\udfa4 | 👩‍🎤 | 👩‍🎤👩‍🎤 | 👩‍🎤👩‍🎤 | 👩‍🎤%F0%9F%91%A9%E2%80%8D%F0%9F%8E%A4 |

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.