Encodage

C’est quoi l’encodage ?

L'encodage c'est une façon de permettre aux navigateurs d'interpréter correctement les caractères. Il s'agit vulgairement d'informer les navigateurs sur la façon dont les caractères sont encodés (exemple : encodage alpha, 1 = A, 2 = B / encodage beta, 10 = A, 2 = B)

Pourquoi c’est important ?

L’encodage est important pour éviter que le navigateur affiche des caractères erronés. Cela peut notamment se produire lorsqu’on souhaite utiliser des caractères propres à une langue (comme le mandarin par exemple) et qui n’ont pas été encodés.
Par exemple : Mon code source sera traduit 私のソースコード en japonais, si mon encodage est correctement spécifié. En revanche, si mon encodage est incorrect, la même phrase pourra faire apparaître des caractères anormaux (私a!!ソ§--スコ#€).

Comment le corriger ?

Tous les documents (.txt, .html, ou texte brut) qui contiennent du texte sont enregistrés avec des caractères définis. Cela correspond à l’encodage réel du document.

Il est recommandé d'utiliser l'encodage "utf-8" sur vos pages qui permet d'encoder la majorité des caractères possibles.

Pour vérifier quel est l’encodage que vos pages HTML utilisent, vous pouvez vous rendre dans les paramètres de configuration de votre éditeur de texte (i.e Atom, Sublime Text).

N’oubliez pas de déclarer les informations sur votre encodage au navigateur. Pour cela, il peut être défini : 

• en tant que valeur dans l'en-tête dédié au type du document "Content-Type: text/html; charset=utf-8"
• dans un balises HTML <meta charset="utf-8">
• dans une balise HTML <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
• sur plusieurs éléments mais la valeur doit être la même, le même encodage de défini

Enfin ,il doit être défini au moins sur l'un des éléments.