{"id":339,"date":"2009-03-30T17:50:07","date_gmt":"2009-03-30T16:50:07","guid":{"rendered":"http:\/\/flaven.fr\/?p=339"},"modified":"2009-03-30T17:50:07","modified_gmt":"2009-03-30T16:50:07","slug":"charset-iso-8859-1-iso-8859-15-utf-8-le-probleme-de-charset","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/03\/charset-iso-8859-1-iso-8859-15-utf-8-le-probleme-de-charset\/","title":{"rendered":"Charset iso-8859-1, iso-8859-15, utf-8, le probl\u00e8me du Charset"},"content":{"rendered":"

<\/p>\n

\"Si il y a bien un probl\u00e8me qui peut virer au casse-t\u00eate chinois, c\u2019est bien celui de l\u2019encodage de caract\u00e8re dans un fichier, une page web ou tout document que vous diffusez et qui se r\u00e9v\u00e8le truff\u00e9 d\u2019erreurs d’encodage.<\/p>\n

Arr\u00eate ton Charset en dur…<\/h2>\n

Comment diagnostiquer le probl\u00e8me ? Un sympt\u00f4me simple, vous voyez appara\u00eetre des signes cabalistiques dans vos pages html par exemple. Je vous livre in extenso le diagnostic de http:\/\/electron-libre.fassnet.net\/utf8.php qui d\u00e9taille bri\u00e8vement les moyens de d\u00e9terminer le bourbier num\u00e9rique dans lequel vous venez de sauter \u00e0 touches jointes !<\/p>\n

Il donne les sympt\u00f4mes et les soins simples de premi\u00e8re urgence.<\/p>\n

Reconnaissance rapide des probl\u00e8mes d’affichage UTF-8 ISO<\/h4>\n
\n

Cas N°1<\/b><\/p>\n

Si la page affiche des caract\u00e8res de ce type : “\u00c3\u00a9”, “\u00c3\u00ae”, “\u00c3”, …
\n=> Les donn\u00e9es ont \u00e9t\u00e9 enregistr\u00e9es au format UTF-8, et le navigateur les affiche en pensant avoir affaire \u00e0 de l’ISO.<\/p>\n

Cas N°2<\/b>
\nSi la page affiche des caract\u00e8res de ce type : “\ufffd”
\n=> Les donn\u00e9es ont \u00e9t\u00e9 enregistr\u00e9es au format ISO, et le navigateur les affiche en pensant avoir affaire \u00e0 de l’UTF-8.<\/p>\n

Si les donn\u00e9es sont cod\u00e9es en dur dans la page, voir l’encodage de l’\u00e9diteur de texte, le header apache et la balise meta “charset”.
\nSi les donn\u00e9es proviennent de la base, v\u00e9rifier le format de stockage et les m\u00e9thodes de lecture et d’insertion (SET NAMES et charset).
\nSi les donn\u00e9es proviennent de l’ext\u00e9rieur (web services, rss, …), penser \u00e0 convertir les cha\u00eenes de caract\u00e8re (utf8_encode-decode et fonctions du module iconv).<\/p>\n

http:\/\/electron-libre.fassnet.net\/utf8.php<\/a><\/p>\n<\/blockquote>\n

Le mal est d\u00e9j\u00e0 fait… Que puis-je faire ?<\/h2>\n

Il arrive notamment dans le cas d’une BDD que la corruption ait eu lieu. Vous vous retrouvez par exemple avec une BDD cod\u00e9 \u00e0 l’origine en utf-8 mais dont l’unique sauvegarde que vous poss\u00e9dez est un “dump” (un fichier .sql) fait et ouvert sur une machine en iso-8859-1, un windows par exemple.<\/p>\n

Le cas de la BDD corrompue<\/h4>\n

Si vous popularisez \u00e0 nouveau ce “dump” (.sql) dans votre BDD et que vos pages continuent de se charger en UTF-8, vous \u00eates alors dans le Cas N°2<\/b> d\u00e9crit plus haut.<\/p>\n

Si vous d\u00e9cidez de caut\u00e9riser le probl\u00e8me directement dans le client MySQL via le client SSH, dans putty par exemple, n’oubliez de changer les sp\u00e9cifications de “translation” en s\u00e9lectionnant UTF-8 afin de taper vos requ\u00eates SQl en utf-8. Vous pourrez alors pass\u00e9 all\u00e8grement des requ\u00eates, voir m\u00eame des copier-coller, depuis votre poste ISO sur le serveur en UTF-8.<\/p>\n

Changer les propri\u00e9t\u00e9s de traduction dans Putty<\/b><\/p>\n

<\/p>\n

\nPour t\u00e9l\u00e9charger Putty, vous pouvez vous rendre \u00e0 cette adresse
\nhttp:\/\/www.chiark.greenend.org.uk\/~sgtatham\/putty\/download.<\/a><\/p>\n

Le cas de XML pour flash<\/h4>\n

Un cas qui est rarement \u00e9voqu\u00e9, c’est le xml charg\u00e9 dans flash, bien qu’il s’agisse rigoureusement de probl\u00e8mes similaires.<\/p>\n

Pour \u00e9viter parfois des probl\u00e8mes \u00e0 r\u00e9p\u00e9tition, vous pouvez vous rabattre sur l’encodage hexad\u00e9cimal des caract\u00e8res accentu\u00e9s… ainsi donc de cr\u00e9er des xml pour vos applications flash sans erreur…<\/p>\n

\n\u00e7 s'\u00e9crit ç\n\u00e8 s'\u00e9crit è\n\u00e9 s'\u00e9crit é\n\u00ea s'\u00e9crit ê\n<\/pre>\n
Le plus sur quelque soit le “charset” que vous d\u00e9finissez c’est de remplacer les caract\u00e8res accentu\u00e9s par leurs \u00e9quivalents hexad\u00e9cimaux.<\/p>\n
\n\t<?xml version="1.0" encoding="UTF-8"?>\n\t<commitments>\n\t<mantra id="one">Cette \u00e9t\u00e9 je pars pour apprendre le fran\u00e7ais \u00e0 Paris<\/mantra>\n\t<mantra id="two">Les accents ont \u00e9t\u00e9 mon pire cauchemar<\/mantra>\t\n\t<\/commitments>\n\t\n<\/pre>\n
\n\t<?xml version="1.0" encoding="UTF-8"?>\n\t<commitments>\n\t<mantra id="one">Cette été je pars pour apprendre le français  å Paris<\/mantra>\n\t<mantra id="two">Les accents ont été mon pire cauchemar<\/mantra>\t\n\t<\/commitments>\n\t\n<\/pre>\n
Il existe des outils de traduction en ligne qui vous donneront les \u00e9quivalents.
\nhttp:\/\/rishida.net\/scripts\/uniview\/conversion.php<\/a>
\n
\nEnfin, vous pouvez toujours vous r\u00e9f\u00e9rer \u00e0 la sainte bible du charset.
\nhttp:\/\/www.w3.org\/International\/O-charset.fr.php<\/a><\/p>\n
Le doctype<\/h4>\n
Disons que pour r\u00e9sumer, le dilemme se pose dans le choix du doctype entre “transitional”<\/strong> et “strict”<\/strong>. Il est certain que si vous choisissez de publier avec un doctype strict, l\u2019obtention de la validation par le validator W3C  va se montre plus d\u00e9licat.
\nN\u00e9anmoins, cela n’est pas impossible que vous puissiez valider ainsi vous pourrez affubler vos pages du logo qui atteste de la validit\u00e9 de vos pages.<\/p>\n
La d\u00e9claration d’un doctype n’est requise que pour la validation.<\/strong><\/p>\n
Le doctype Transitional<\/strong><\/p>\n
\n\t<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0\n\tTransitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<\/pre>\n
Le doctype strict<\/strong><\/p>\n
\n\t<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0\n\tTransitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\">\n<\/pre>\n
Les ic\u00f4nes W3C<\/strong><\/p>\n
\n  \"Valid<\/a>\n<\/p>\n
\n  \"Valid<\/a>\n<\/p>\n
\nSi vous souhaitez faire de l\u2019\u00e9vang\u00e9lisation, vous pouvez aussi toujours ajouter ce petit logo…
\n\"Charset<\/p>\n
Le  “W3C Markup Validation Service”<\/strong>
\nhttp:\/\/validator.w3.org\/<\/a><\/p>\n
L’en-t\u00eate \u00e0 l’emploi<\/h4>\n
C’est la balise meta qui va indiquer au navigateur comment interpr\u00e8ter un document web.<\/p>\n
L’en-t\u00eate UTF-8<\/strong><\/p>\n
\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"\/>\n<\/pre>\n
L’en-t\u00eate iso-8859-1<\/strong><\/p>\n
\n<http-equiv=\"Content-Type\" content=\"text\/html; charset=iso-8859-1\"\/>\n<\/pre>\n
Le tableau des \u00e9quivalences<\/h4>\n
Le tableau de toutes les \u00e9quivalences pour le chartset ISO 8859-1 Character Set ( Latin – 1) – Western \/ West European<\/p>\n
http:\/\/www.tableascii.com\/iso88591.htm<\/a><\/p>\n
Pour aller plus loin<\/h2>\n
\tLes r\u00e8gles simples pour passer son site de iso \u00e0 utf-8<\/p>\n