Les codes d'encodage du caractère spécial « 🌊 » ou « vague ».

🌊 Le caractère spécial « 🌊 » représente : « vague ».
Vous trouverez ci-dessous, la liste des codes d'encodage du caractère spécial « 🌊 » ou « vague » 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 « vague » correspond au code « U+1F30A » et fait partie des caractères spéciaux de ma « Caractères Météo Et Ciel ».

Codes encodages du caractère spécial 🌊 ou vague
Caractère (UTF-8 | ISO-8859-1) 🌊 | ?
Signification du caractère vague
Encodage en Css() \01F30A |
Encodage en Javascript \ud83c\udf0a |
Encodage Html Entité Héxadécimal 🌊 | 🌊
Encodage Html Entité Décimal 🌊 | 🌊
Code ou entité Html aucun
Encodage pour l'Url UTF-8 %F0%9F%8C%8A |
Code Unicode U+1F30A
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 « vague » 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 « vague » 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 : \01F30A
code Js : \ud83c\udf0a
 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{
   : "\01F30A";
}
.identifiant{
   : "\01F30A";
}

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

Le ou représentation graphique du caractère spécial « 🌊 » ou « vague » 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 Terre, Ciel, Météo, ... ».
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 météo et ciel "
Car. Desc. Css Js Html Hex. Html Dec. Html Nom Url
🔅caractère faible intensité\01F505 | \ud83d\udd05 | 🔅 | 🔅🔅 | 🔅%F0%9F%94%85 |
🔆caractère forte intensité\01F506 | \ud83d\udd06 | 🔆 | 🔆🔆 | 🔆%F0%9F%94%86 |
☼caractère soleil avec traits, forme vide\00263C | \u263c | ☼ | ☼☼ | ☼%E2%98%BC |
🌣caractère soleil, forme vide\01F323 | \ud83c\udf23 | 🌣 | 🌣🌣 | 🌣%F0%9F%8C%A3 |
☀caractère soleil avec traits, forme pleine\002600 | \u2600 | ☀ | ☀☀ | ☀%E2%98%80 |
🌞caractère soleil, visage\01F31E | \ud83c\udf1e | 🌞 | 🌞🌞 | 🌞%F0%9F%8C%9E |
🌝caractère pleine lune, visage et +\01F31D | \ud83c\udf1d | 🌝 | 🌝🌝 | 🌝%F0%9F%8C%9D |
✩caractère étoile contour accentué, forme vide\002729 | \u2729 | ✩ | ✩✩ | ✩%E2%9C%A9 |
☆caractère étoile, forme vide\002606 | \u2606 | ☆ | ☆☆ | ☆%E2%98%86 |
★caractère étoile, forme pleine\002605 | \u2605 | ★ | ★★ | ★%E2%98%85 |
⭐caractère étoile moyenne, forme vide\002B50 | \u2b50 | ⭐ | ⭐⭐ | ⭐%E2%AD%90 |
⭑caractère étoile moyenne, forme pleine\002B51 | \u2b51 | ⭑ | ⭑⭑ | ⭑%E2%AD%91 |
🌟caractère étoile brillante\01F31F | \ud83c\udf1f | 🌟 | 🌟🌟 | 🌟%F0%9F%8C%9F |
🌠caractère étoile filante\01F320 | \ud83c\udf20 | 🌠 | 🌠🌠 | 🌠%F0%9F%8C%A0 |
☄caractère comète\002604 | \u2604 | ☄ | ☄☄ | ☄%E2%98%84 |
⛅caractère nuage et soleil, forme pleine\0026C5 | \u26c5 | ⛅ | ⛅⛅ | ⛅%E2%9B%85 |
🌤caractère soleil avec petit nuage, forme pleine\01F324 | \ud83c\udf24 | 🌤 | 🌤🌤 | 🌤%F0%9F%8C%A4 |
🌥caractère soleil derrière un nuage, forme pleine\01F325 | \ud83c\udf25 | 🌥 | 🌥🌥 | 🌥%F0%9F%8C%A5 |
🌦caractère soleil derrière un nuage et de la pluie, forme pleine\01F326 | \ud83c\udf26 | 🌦 | 🌦🌦 | 🌦%F0%9F%8C%A6 |
🌈caractère arc-en-ciel, forme pleine\01F308 | \ud83c\udf08 | 🌈 | 🌈🌈 | 🌈%F0%9F%8C%88 |
☁caractère nuage, forme pleine\002601 | \u2601 | ☁ | ☁☁ | ☁%E2%98%81 |
🌧caractère nuage avec pluie, forme pleine\01F327 | \ud83c\udf27 | 🌧 | 🌧🌧 | 🌧%F0%9F%8C%A7 |
🌨caractère nuage avec neige, forme pleine\01F328 | \ud83c\udf28 | 🌨 | 🌨🌨 | 🌨%F0%9F%8C%A8 |
⛆caractère pluie\0026C6 | \u26c6 | ⛆ | ⛆⛆ | ⛆%E2%9B%86 |
⛈caractère orage, nuage et pluie, forme vide\0026C8 | \u26c8 | ⛈ | ⛈⛈ | ⛈%E2%9B%88 |
🌩caractère nuage et petit éclaire, forme pleine\01F329 | \ud83c\udf29 | 🌩 | 🌩🌩 | 🌩%F0%9F%8C%A9 |
🌪caractère nuage et tornade, forme pleine\01F32A | \ud83c\udf2a | 🌪 | 🌪🌪 | 🌪%F0%9F%8C%AA |
🌂caractère parapluie fermé\01F302 | \ud83c\udf02 | 🌂 | 🌂🌂 | 🌂%F0%9F%8C%82 |
☂caractère parapluie sans pluie\002602 | \u2602 | ☂ | ☂☂ | ☂%E2%98%82 |
☔caractère parapluie avec pluie\002614 | \u2614 | ☔ | ☔☔ | ☔%E2%98%94 |
🌁caractère brume\01F301 | \ud83c\udf01 | 🌁 | 🌁🌁 | 🌁%F0%9F%8C%81 |
🌫caractère brouillard\01F32B | \ud83c\udf2b | 🌫 | 🌫🌫 | 🌫%F0%9F%8C%AB |
❄caractère flocon de neige, forme vide\002744 | \u2744 | ❄ | ❄❄ | ❄%E2%9D%84 |
❅caractère flocon de neige trifolié, forme vide\002745 | \u2745 | ❅ | ❅❅ | ❅%E2%9D%85 |
❆caractère gros flocon de neige à chevron, forme vide\002746 | \u2746 | ❆ | ❆❆ | ❆%E2%9D%86 |
☃caractère bonhomme de neige avec neige, forme vide\002603 | \u2603 | ☃ | ☃☃ | ☃%E2%98%83 |
⛇caractère bonhomme de neige avec neige, forme pleine\0026C7 | \u26c7 | ⛇ | ⛇⛇ | ⛇%E2%9B%87 |
⛄caractère bonhomme de neige sans neige, forme vide\0026C4 | \u26c4 | ⛄ | ⛄⛄ | ⛄%E2%9B%84 |
🗲caractère éclaire (humeur de foudre)\01F5F2 | \ud83d\uddf2 | 🗲 | 🗲🗲 | 🗲%F0%9F%97%B2 |
☈caractère foudre\002608 | \u2608 | ☈ | ☈☈ | ☈%E2%98%88 |
☇caractère orage\002607 | \u2607 | ☇ | ☇☇ | ☇%E2%98%87 |
🌡caractère thermomètre\01F321 | \ud83c\udf21 | 🌡 | 🌡🌡 | 🌡%F0%9F%8C%A1 |
💧caractère gouttelette, forme pleine\01F4A7 | \ud83d\udca7 | 💧 | 💧💧 | 💧%F0%9F%92%A7 |
🌢caractère goutte, forme pleine\01F322 | \ud83c\udf22 | 🌢 | 🌢🌢 | 🌢%F0%9F%8C%A2 |
🌀caractère cyclone, forme pleine\01F300 | \ud83c\udf00 | 🌀 | 🌀🌀 | 🌀%F0%9F%8C%80 |
💨caractère soufle, vent\01F4A8 | \ud83d\udca8 | 💨 | 💨💨 | 💨%F0%9F%92%A8 |
🌬caractère vent soufflant, visage\01F32C | \ud83c\udf2c | 🌬 | 🌬🌬 | 🌬%F0%9F%8C%AC |
🌅caractère lever de soleil\01F305 | \ud83c\udf05 | 🌅 | 🌅🌅 | 🌅%F0%9F%8C%85 |
🌄caractère lever de soleil derrière la montagne\01F304 | \ud83c\udf04 | 🌄 | 🌄🌄 | 🌄%F0%9F%8C%84 |
🌇caractère lever de soleil derrière les immeubles\01F307 | \ud83c\udf07 | 🌇 | 🌇🌇 | 🌇%F0%9F%8C%87 |
🌃caractère nuit étoilée\01F303 | \ud83c\udf03 | 🌃 | 🌃🌃 | 🌃%F0%9F%8C%83 |
🌆caractère ville au crépuscule\01F306 | \ud83c\udf06 | 🌆 | 🌆🌆 | 🌆%F0%9F%8C%86 |
🌉caractère pont la nuit\01F309 | \ud83c\udf09 | 🌉 | 🌉🌉 | 🌉%F0%9F%8C%89 |
🌋caractère volcan\01F30B | \ud83c\udf0b | 🌋 | 🌋🌋 | 🌋%F0%9F%8C%8B |
🏜caractère désert\01F3DC | \ud83c\udfdc | 🏜 | 🏜🏜 | 🏜%F0%9F%8F%9C |
🏝caractère île\01F3DD | \ud83c\udfdd | 🏝 | 🏝🏝 | 🏝%F0%9F%8F%9D |
🗺caractère mape monde\01F5FA | \ud83d\uddfa | 🗺 | 🗺🗺 | 🗺%F0%9F%97%BA |
🌍caractère terre europe afrique\01F30D | \ud83c\udf0d | 🌍 | 🌍🌍 | 🌍%F0%9F%8C%8D |
🌎caractère terre amérique\01F30E | \ud83c\udf0e | 🌎 | 🌎🌎 | 🌎%F0%9F%8C%8E |
🌏caractère terre asie autralie\01F30F | \ud83c\udf0f | 🌏 | 🌏🌏 | 🌏%F0%9F%8C%8F |
🌐caractère globe avec méridiens\01F310 | \ud83c\udf10 | 🌐 | 🌐🌐 | 🌐%F0%9F%8C%90 |
🗾caractère mape japon\01F5FE | \ud83d\uddfe | 🗾 | 🗾🗾 | 🗾%F0%9F%97%BE |

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.