ACCENTSJS

Les caractères accentués et spéciaux dans les fichiers Html, Js et Css.

Le problème des accents mal interprétés est souvent lié à la fusion de ressources qui ne sont pas encodées de la même façon :
- des données d'une base de données qui n'ont pas le même encodage que celui de la page.
- des fichiers externes qui n'ont pas le même encodage que celui de la page.
- etc. ...

Pour résoudre ces problèmes encodage, utilisez le code spécifique du caractère.

Encodage des caractères spéciaux et accentués pour CSS.

En CSS, vous pouvez insérer du texte en utilisant la propriété Css content. A priori, seul le format hexadécimal du caractère est utilisable, 6 décimales soit \+code hexadécimal (insensible à la casse). Par exemple pour le caractère accentué "à" : \0000e1.

Attention à l'espace (représenté ci-dessous par *) entre le caractère accentué et la lettre suivante, il est ignoré.
- "\0000e0*la" donne "àla"
- "\0000e0**la" donne "à la"
- "\0000e0\000020la" donne "à la"

Exemple :

Si vous ne voyez pas de caractère accentué ci-dessus, c'est que votre navigateur ne prend pas en compte les sélecteurs Css :after, :before ou la propriété Css content.

Si l'élément dans lequel est inséré le contenu est de type white-space : pre alors \00000a (saut de ligne) est interprété comme un saut de ligne, sinon comme un espace.

Le texte inséré via la propriété Css content, ne remonte pas dans le flux DOM. Vous ne pourrez pas à ce jour (04/2014) récupérer ce texte en Javascript.
Exemple concret, getContenu() récupère le contenu de bloc de code ci-dessus "Exemple : ...".

function getContenu(){
 var obj = document.getElementById('codecsstest1');
 if(obj){ alert(obj.innerHTML); }
}

Encodage des caractères accentués et spéciaux pour HTML.

Plusieurs formats d'encodages sont utilisables :
- Le code hexadécimal dont le format d'encodage est &#x+code hexadécimal;, par exemple pour le caractère accentué "ô" cela donne ô, le code hexadecimal est insensible à la casse.
- Le code décimal dont le format d'encodage est &#+code décimal;, par exemple pour le caractère accentué "ô" cela donne ô, le code decimal est insensible à la casse.
- Le code HTML dont le format d'encodage, le code est sensible à la casse. Tous les caractères ne possèdent pas un code HTML.

Encodage des caractères accentués et spéciaux pour Javascript.

Plusieurs formats d'encodages sont utilisables entre autres :
- l'octale dont le format est \+code octal, par exemple pour le caractère accentué "é" cela donne \351.
- l'hexadécimal : \x+code hexadécimal ou \u+code hexadécimal, par exemple pour le caractère accentué "é" cela donne \xe9 ou \u00e9. Le code hexadecimal est insensible à la casse.
Je vous conseille d'utiliser le format \u+code hexadécimal qui "bug" le moins.

Choisir pour voir Accent en ISO-8859-1 Accent en octal Accent en Hexadécimal

Faites un choix pour voir le résultat. ė

Convertisseur

Saisir un caractère :