Que faire avec cette analyse du validateur Xhtml ?

WRInaute occasionnel
Alors, suite aux conseils des forumeurs j'ai fais analyser ma page qui tourne sur firefox mais pas sur internet explorer. Voilà ce qu'on me dis :
http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0
Apparemment... beaucoup, beaucoup d'erreurs à corriger :-(
Mais en quoi consiste ces corrections ? Par exemple prenons l'erreur 1 ( celle qui est tout en haut ). Faut-il que je recherche "…e" content="text/html; charset=iso-8859-1" />" dans le code source, et que je supprime, tout simplement, et ainsi de suite pour les autres ?
 
WRInaute accro
Code:
4. <title>Cartes des esprits de la nature : tirage en direct/title> 
5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Tu dois fermer proprement ta ligne 4 par un </title>.

Ensuite, on verra :)
 
WRInaute occasionnel
Pas du tout !
J'avais bien pris en compte cette première remarque : la modif est faite même si elle n'est pas encore en ligne.
C'est juste que je ne pensais pas que ça avait un rapport avec l'erreur de la ligne 5, donc je pensais que c'était 2 problèmes distincts, apparemment ce n'est pas le cas.
Lamo, sois sûr que j'avais bien pris en compte ta remarque, et je te remercie de me l'avoir fait.
 
WRInaute occasionnel
Au fait...
Est-ce que vous me conseillez de faire ceci ? :

- Ouvrir mon site, prendre une page et aller sur le code source
- Faire "chercher remplacer"
- Chercher "/title>" et remplacer par "</title>" sur toutes les pages du site.
- remettre toutes les pages modifiées en ligne.
 
WRInaute accro
Koshan a dit:
Au fait...
Est-ce que vous me conseillez de faire ceci ? :

- Ouvrir mon site, prendre une page et aller sur le code source
- Faire "chercher remplacer"
- Chercher "/title>" et remplacer par "</title>" sur toutes les pages du site.
- remettre toutes les pages modifiées en ligne.

Si tu es sure d'avoir "/title>" tout seul sur le site entier oui pourquoi pas lol.

Par contre, si tu as des pages avec des "</title>" aussi, tu vas te retrouver avec des "<</title>"
 
WRInaute occasionnel
Merci, je vais vérifier !
Si c'est le cas, il suffit de refaire un chercher/remplacer, en remplaçant les éventuels <</title>.
En principe maintenant les pages de mon site devraient être OK sur n'importe quel navigateur, si jamais quelqu'un a le temps de vérifier ça ?
 
WRInaute occasionnel
Eh non, ce n'était pas voulu.
Là je viens de tout re-modifier, je pense que cette fois ça devrait être bon.
 
WRInaute occasionnel
Je viens de refaire analyser ma page par le validateur...
Pfiouuuu !
203 erreurs !
http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0
Tout à l'heure c'était 210, il y a toujours du progrès :)
Bon, le gros + c'est qu'à priori à présent mon site est autant visible sur Firefox que sur Internet Explorer.

A celà, j'aurais deux questions...

- que signifient (grosso modo) ces erreurs, quelles peuvent-être leur conséquence ? Une mauvaise analyse par les moteurs de recherche ?

- comment corriger ces erreurs ? Faut-il que je supprime tout bonnement toutes les lignes relevées ?
 
WRInaute passionné
il vaut mieux tout corriger :
- tout ce qui concerne la mise en page doit être dans CSS
- le séparateur de paramètre "&" dans les liens doit être remplacé par "&amp;"
- les images doivent avoir un attribut alt (au minimum alt="")
- sinon il doit y avoir des erreurs de syntaxe (manque de balise fermante)
 
WRInaute occasionnel
"- tout ce qui concerne la mise en page doit être dans CSS"

--> Veux-tu dire que je dois mettre toutes les lignes comme par exemple
<body background="nuages.jpg" link="#000000" vlink="#000000">
font-family: Arial, Helvetica, sans-serif;
<td bgcolor="#FFFFFF">
etc... avant cette ligne :
<style type="text/css">
et non après ?

- le séparateur de paramètre "&" dans les liens doit être remplacé par "&amp;"

--> Dois-je remplacer TOUS les "&" du site par des "&amp" ?
( c'est pas dur à faire, c'est juste pour être certain de pas faire de bêtise )

- les images doivent avoir un attribut alt (au minimum alt="")

--> Prenons cette image là par exemple :
<img src="/t15-.JPG" width="385" height="398">
...il faut ajouter Alt quelque part ?

- sinon il doit y avoir des erreurs de syntaxe (manque de balise fermante)

--> Est-ce que je peux corriger ça avec un nettoyeur de pages html ?
 
WRInaute discret
Pout la balise img, il faut aussi penser à la fermer.

En gros cela donne ca
<img src="/chemin de ton image.jpg" width="xxx" height="yyy" alt="jolie image" />
 
Nouveau WRInaute
Koshan a dit:
"--> Veux-tu dire que je dois mettre toutes les lignes comme par exemple
<body background="nuages.jpg" link="#000000" vlink="#000000">
BWAAAAAAARGH!!! *cri d'effroi*
C'est antédiluvien comme syntaxe ça, le mieux est de mettre ça dans ta CSS :
Code:
body { background-image:url('nuages.jpg'); }
a:link { color:#000000; } //liens pas encore vus
a:visited { color:#000000; } //liens visités
a:hover { ...} //liens survolés
a:active{ .. } //liens actifs, en cours de chargement

pour les couleurs d'arrière-plan :
Code:
<td style="background-color:#ffffff">

En gros, on n'utilise plus du tout les attributs bgcolor, background, bordercolor, height, ... et de moins en moins align ou valign, à remplacer par leurs équivalents CSS.
Et pour les autres, n'oublie pas de toujours mettre les valeurs des attributs entre guillemets ;)

etc... avant cette ligne :
<style type="text/css">
et non après ?
Si, après, comme ceci
<style type="text/css">
<!--
TES "DEFINITIONS" CSS
-->
</style>

- le séparateur de paramètre "&" dans les liens doit être remplacé par "&amp;"
--> Dois-je remplacer TOUS les "&" du site par des "&amp" ?
( c'est pas dur à faire, c'est juste pour être certain de pas faire de bêtise )
Oui, mais fait gaffe si c'est 1 site dynamique et que tu utilises du PHP à ne pas remplacer les conditions "&&" par "&amp;&amp;", sinon ça ira bcp moins bien ;)

- les images doivent avoir un attribut alt (au minimum alt="")
--> Prenons cette image là par exemple :
<img src="/t15-.JPG" width="385" height="398">
...il faut ajouter Alt quelque part ?
L'attribut ALT est obligatoire, si c'est une image srvant à ton design, tu ajoutes alt="" et le tour est joué.
 
WRInaute accro
Une erreur de fermeture de balise ou autre en début de page génère des erreurs en cascade.
Tu dois donc corriger pas à pas, et mettre en ligne à chaque correction.

L'autre solution, plus simple, est de passer ton doctype en HTML et pas en XHTML

c'est pas "propre" mais comme tu sembles découvrir le codage web, ça t'affranchira de beaucoup de contraintes. 83 erreurs au lieu de 203... qui viennent de ta syntaxe XHTML pour la plupart
 
WRInaute occasionnel
Merci pour tous vos conseils,
j'avoue avoir du mal à tout comprendre.

Si les modifs sont dans l'optique d'avoir des fonctionnalités plus modernes sur le site ( style : liens visités d'une autre couleur que lien non visité, etc... ) à la rigueur ça n'a pas une très grande importance. Ce que je veux surtout, c'est que le site soit correctement optimisé pour que toutes les pages soient vraiment bien lues par les moteurs. Est-ce que toutes ces "erreurs" sont en rapport avec ça ?

Sinon, pour commencer je pourrais effectivement changer mon doctype en html plutôt que xhtml... mais comment fait-on ?
 
Nouveau WRInaute
Pour changer de DOCTYPE, remplace les lignes
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
par
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
ATTENTION !
En changeant le DOCTYPE pour du HTML4, tu ne dois plus mettre de "/" final aux balises auto-fermantes (comme IMG, BR, META, LINK, etc), ça te donnera bcp d'erreurs.
C'est un "retour en arrière", mais si tu n'as pas besoin des fonctionnalités XHTML, ça ne pose aucun autre problème.

Ensuite, pour corriger bcp d'autres erreurs, applique les conseils donnés dans les posts précédents ;)

Quand tu auras fait tout cela, reposte un rapport de validation pour les dernières erreurs ;)
 
Discussions similaires
Haut