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

**nims** · 20/06/2008, 18h22

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

**htr999** · 20/06/2008, 19h10

le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>
éùôä
&eacute;
</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...

**nims** · 20/06/2008, 21h01

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

**cedricbaudry.com** · 21/06/2008, 22h09

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 21/06/2008, 22h32

Envoyé par nims

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 €.

**htr999** · 22/06/2008, 00h08

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

**Bovino** · 22/06/2008, 10h08

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 &eacute

**Candygirl** · 22/06/2008, 11h31

Envoyé par nims

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

Envoyé par Bovino

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

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

**Bovino** · 22/06/2008, 14h51

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 :

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Aucune allusion donc à une balise title (ou toute autre) manquante.

**Candygirl** · 22/06/2008, 21h58

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.

**htr999** · 23/06/2008, 13h33

cf post

bonne aprèm.

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

HTML

Vue hybride

Discussions similaires

Partager

Partager