Que faire avec cette analyse du validateur Xhtml ?

Koshan · 4 Décembre 2007

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 ?

Szarah · 4 Décembre 2007

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

webmasterlamogere · 4 Décembre 2007

Szarah a dit:
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

je l'ai déjà signalé ici : https://www.webrankinfo.com/forum/viewt ... htm#812929

Szarah · 4 Décembre 2007

Hihi oui webmasterlamogere, je viens de voir ça

Apparemment, on pisse dans un violon

Koshan · 4 Décembre 2007

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.

Koshan · 4 Décembre 2007

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.

YoyoS · 4 Décembre 2007

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

Koshan · 4 Décembre 2007

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 ?

webmasterlamogere · 4 Décembre 2007

tu as un "<" de trop maintenant (sauf si c'est voulu) :
<title>Cartes des esprits de la nature : tirage en direct<</title>

Koshan · 4 Décembre 2007

Eh non, ce n'était pas voulu.
Là je viens de tout re-modifier, je pense que cette fois ça devrait être bon.

Koshan · 4 Décembre 2007

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 ?

webmasterlamogere · 4 Décembre 2007

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 "&"
- les images doivent avoir un attribut alt (au minimum alt="")
- sinon il doit y avoir des erreurs de syntaxe (manque de balise fermante)

Koshan · 4 Décembre 2007

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

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

amph37 · 4 Décembre 2007

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" />

LordSuprachris · 4 Décembre 2007

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

</style>

- le séparateur de paramètre "&" dans les liens doit être remplacé par "&"
--> 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 "&&", 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é.

Marie-Aude · 4 Décembre 2007

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

Koshan · 5 Décembre 2007

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 ?

Koshan · 9 Décembre 2007

Up !
Je ne désespère pas de trouver quelqu'un pour me répondre

LordSuprachris · 9 Décembre 2007

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