[W3C] Problème d'affichage d'accent

Version imprimable

20/06/2008, 18h22
nims

[W3C] Problème d'affichage d'accent
Bonjour à tous!

Dans ma page index j'inclus la page news.
Dans la page index il y a du texte avec des "é", "ê" ...
Pareil dans la page news.

Seulement, dans la page index ça s'affiche bien et dans la page news ça bug (exemple: é s'affiche Ã©)
Dans ma page index il y a les entêtes html:
Code:

1 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head>
Dans news il n'y a pas d'entête car elle est insérée dans le body.

Si j'ajoute a index:

Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

alors index n'affiche plus correctement les accents, ils sont remplacés par des points d'interrogations dans un losange.
Mais les accents de la page news sont affichés correctement...
Selon l'include ca marche ou ca marche pas:(

J'y comprend rien moi :s

Un tit peu d'aide ne serait pas de refus :)

le

Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

sert à forcer le navigateur d'afficher la page sous l'encodage cité.
après, à voir si ton fichier est enregistré avec le même codage ou non.

exemple d'un fichier enregistré avec bloc-notes (en autre)
Code:

1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> éùôä é </body> </html>
+ qui s'affiche correctement si tu choisis "utf-8" ou bien "unicode" comme codage de fichier
+ ne marche pas s'il est en "ansi"

j'espère pouvoir t'aider...

20/06/2008, 21h01
nims

J'écris en "francais" avec les éàèê etc...
et j'ai mis

Code:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

et ca n'affiche pas les accents mais des ? dans un losange!
21/06/2008, 22h09
cedricbaudry.com

Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

:)
21/06/2008, 22h32
Bovino

Citation:

Envoyé par nims

J'écris en "francais" avec les éàèê etc...
et j'ai mis

Code:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

et ca n'affiche pas les accents mais des ? dans un losange!

Peut-être que tu écris français (et c'est une bonne chose) mais en langage d'ordinateur, charset="utf-8" signifie : "dans ce langage, il n'y a pas d'accent, pour afficher par exemple é il faut me dire é".
Le langage "français avec accents" pour le html, c'est charset="iso-8859-1[5]" le 15 correspondant à l'ajout de la valeur monétaire €.
22/06/2008, 00h08
htr999
Citation:

dans ce langage, il n'y a pas d'accent, pour afficher par exemple é il faut me dire é...

les é è etc... servent juste pour la validation des documents (XHTML strict). sinon il me semble assez curieux que utf-8 n'accepte pas d'accent !?!

sinon comme qu'a proposé cedricbaudry.com ça pourrait changer si on essaie

Code:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

ou soit

Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

ou bien
Code:

1 2 <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
ou encore si possible de vérifier l'encodage du fichier même (cf. mon post)

Citation:

Envoyé par htr999

les é è etc... servent juste pour la validation des documents (XHTML strict). sinon il me semble assez curieux que utf-8 n'accepte pas d'accent !?!

Désolé, mais je crois que tu te trompes, cette page :
Code:

1 2 3 4 5 6 7 8 9 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div>ééé</div> </body> </html>
est parfaitement validée et s'affiche correctement, en revanche :
Code:

1 2 3 4 5 6 7 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body><div>ééé</div> </body> </html>
n'est pas valide et s'affiche mal... car en utf-8, le é n'existe que sous la forme d'entité (dont é)

22/06/2008, 11h31
Candygirl

Citation:

Envoyé par nims

dans la page news ça bug (exemple: é s'affiche Ã©)
[...]

Si j'ajoute a index:

Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

alors index n'affiche plus correctement les accents, ils sont remplacés par des points d'interrogation dans un losange.
Mais les accents de la page news sont affichés correctement...

C'est fort probablement que tes deux pages sont encodées différement; la page index en ISO 8859-1 et la page de news en utf-8. Tu dois choisir quel encodage tu souhaites pour ton site, et encoder toutes tes pages correctement, spécifier dans la balise meta content-type l'encodage choisi et vérifier que ton serveur ne donne pas de contre-ordre dans ses entêtes.

Citation:

Envoyé par Bovino

car en utf-8, le é n'existe que sous la forme d'entité (dont é)

L'utf-8 permet justement d'afficher toute sorte de caractères, des accents en français aux idéogrammes chinois en passant par les symboles mathématiques. Ton 2ème exemple fonctionne parfaitement à moins d'entête serveur spécifiant qu'il s'agit d'iso (cela prime sur la déclaration méta) ou encore si tu force l'encodage du navigateur en iso.

SI ta page n'est pas validée c'est uniquement à cause de l'absence de la balise <title> obligatoire ;)
22/06/2008, 14h51
Bovino

Pourtant mon premier exemple en iso-8859-1 qui ne contient pas non plus de balise title est bien validé lui.

EDIT
Pour ce qui est du second exemple, il n'est pas validé (en local sur le validateur du W3C je précise) et le validateur ne me renvoie qu'une seule erreur :

Citation:

Sorry, I am unable to validate this document because on line 6 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

The error was: utf8 "\xE9" does not map to Unicode

La ligne en question :

Code:

<body><div>ééé</div>

Aucune allusion donc à une balise title (ou toute autre) manquante.
22/06/2008, 21h58
Candygirl

Tes 2 exemples ne passent pas la validation à cause de la balise title manquante mais passent tous les deux la validations lorsqu'on l'ajoute.

Ton problème est probablement que, bien tu ajoutes la balise méta utf-8, ton éditeur (lequel utilises-tu?) encode ton document en iso. D'où le problème à la validation puisqu'il pense lire de l'utf-8 alors que c'est de l'iso. Cherche dans les préférences de ton éditeur une option afin de réellement encoder ton document en utf-8 lors de l'enregistrement.
23/06/2008, 13h33
htr999

cf post

bonne aprèm.