[W3C] problème validation W3C

**Maxime44** · 17/06/2008, 18h09

Bonjour,
Je ne comprend pas pourquoi je ne passe pas au validateur W3C :
J'ai une page index.php, formé d'une base html et de deux template:

index.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!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>
        <title>Wolfsite.fr</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
 
<body class="body">
<div class="all">
<?php require "template/header.html"; ?>
 
<div style="height:30px;display:block;"></div>
 
<?php require "template/menu.html"; ?>
 
<div class="ecrit">
</div>
 
</div>
<div class="pied"></div>
</body>
</html>

template/header.html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<title>header</title>
</head>
<body>
<div class="header"><a href="http://www.wolfsite.fr"><img src="images/header.jpg" border="0" alt="" /></a></div>
</body>
</html>

template/menu.html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<title>menu</title>
</head>
<body>
<div class="menu"><br />
<ul id="menu">
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Menu principal</span><br /></li>
<li><a href="index.html" title="Retour sur la page d'accueil">Accueil</a></li>
<li><a href="quisuisje.html" title="Vous voulez savoir qui je suis ?">Qui somme-nous ?</a></li>
<li><a href="contact.php" title="Contactez-moi si vous avez une question, demande de parteneriat...">Nous contacter</a></li>
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Aide informatique</span><br /></li>
<li><a href="aide.html" title="Cette rubrique contient plusieurs articles vous aidant à régler vos problèmes sur votre PC">Astuces</a></li>
<li><a href="http://forums.wolfsite.fr/index.php" title="Forum d'aide informatique">Le forum d'aide</a></li>
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Création de site</span><br /></li>
<li><a href="commande.php" title="Faites votre commande de site ici">Le commander</a></li>
<li><a href="hebergement.html" title="Les hébergements proposés">Hébergement</a></li>
<li><a href="creations.html" title="Mes créations sont déposées ici!">Nos créations</a></li>
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Les plus</span><br /></li>
<li><a href="google.html" title="Cette rubrique contient plusieurs articles vous aidant à régler vos problèmes sur votre PC">Wolf Search</a></li>
<li><a href="pub.html" title="Forum d'aide informatique">Annonces Google</a></li>
<li><a href="livredor/index.php" title="Mon site vous plaît ou non? Signer mon livre d'or !">Livre d'or</a></li>
<li><a href="http://annuaire.wolfsite.fr" title="Mon site vous plaît ou non? Signer mon livre d'or !" target="_blank">Annuaire Wolfsite</a></li>
<li style="list-style: none; display: inline">
<div class="sousmenu">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center"><input type="hidden" name="cmd" value="_donations" /> <input type="hidden" name="business" value="wolfkiwi@hotmail.fr" /> <input type="hidden" name="item_name" value=
"M Maxime Léon, Webmaster du site" /> <input type="hidden" name="no_shipping" value="0" /> <input type="hidden" name="logo_custom" value="http://www.wolfsite.fr/image/paypal.jpg" /> <input type=
"hidden" name="no_note" value="1" /> <input type="hidden" name="currency_code" value="EUR" /> <input type="hidden" name="tax" value="0" /> <input type="hidden" name="lc" value="FR" /> <input type=
"hidden" name="bn" value="PP-DonationsBF" /> <input type="image" src="images/paypal.jpg" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !" />
<img alt="Paypal" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1" /></div>
</form>
</div>
</li>
</ul>
</div>
</body>
</html>

Le validateur
http://validator.w3.org/

Le lien de la page:
wolfsite.fr/index.php

**Bovino** · 17/06/2008, 20h00

Déjà, la balise <html> est présente deux fois dans le code source

**Bovino** · 17/06/2008, 20h03

En fait, ton fichier index.php appelle template/header.html dans le body, mais header.html regroupe le header du document et la fermeture de la page, qui sont donc placés à des endroits non valides...
Puis tu en rajoutes avec menu.html.

Ca fait une salade pas très appréciée par les validateurs.

Pour info, un fichier html ou php destiné à un include n'a pas besoin d'être valide, c'est la page globale qui doit l'être.

**Er3van** · 18/06/2008, 09h46

Pour résumé :

Ton fichier header.html peut se limiter à :

Code HTML :

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

<div class="header"><a href="http://www.wolfsite.fr"><img src="images/header.jpg" border="0" alt="" /></a></div>

et menu.html à ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div class="menu"><br />
<ul id="menu">
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Menu principal</span><br /></li>
<li><a href="index.html" title="Retour sur la page d'accueil">Accueil</a></li>
<li><a href="quisuisje.html" title="Vous voulez savoir qui je suis ?">Qui somme-nous ?</a></li>
<li><a href="contact.php" title="Contactez-moi si vous avez une question, demande de parteneriat...">Nous contacter</a></li>
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Aide informatique</span><br /></li>
<li><a href="aide.html" title="Cette rubrique contient plusieurs articles vous aidant à régler vos problèmes sur votre PC">Astuces</a></li>
<li><a href="http://forums.wolfsite.fr/index.php" title="Forum d'aide informatique">Le forum d'aide</a></li>
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Création de site</span><br /></li>
<li><a href="commande.php" title="Faites votre commande de site ici">Le commander</a></li>
<li><a href="hebergement.html" title="Les hébergements proposés">Hébergement</a></li>
<li><a href="creations.html" title="Mes créations sont déposées ici!">Nos créations</a></li>
<li style="list-style: none"><img src="../images/puce.png" width="15" height="15" alt="" /> <span class="titre">Les plus</span><br /></li>
<li><a href="google.html" title="Cette rubrique contient plusieurs articles vous aidant à régler vos problèmes sur votre PC">Wolf Search</a></li>
<li><a href="pub.html" title="Forum d'aide informatique">Annonces Google</a></li>
<li><a href="livredor/index.php" title="Mon site vous plaît ou non? Signer mon livre d'or !">Livre d'or</a></li>
<li><a href="http://annuaire.wolfsite.fr" title="Mon site vous plaît ou non? Signer mon livre d'or !" target="_blank">Annuaire Wolfsite</a></li>
<li style="list-style: none; display: inline">
<div class="sousmenu">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center"><input type="hidden" name="cmd" value="_donations" /> <input type="hidden" name="business" value="wolfkiwi@hotmail.fr" /> <input type="hidden" name="item_name" value=
"M Maxime Léon, Webmaster du site" /> <input type="hidden" name="no_shipping" value="0" /> <input type="hidden" name="logo_custom" value="http://www.wolfsite.fr/image/paypal.jpg" /> <input type=
"hidden" name="no_note" value="1" /> <input type="hidden" name="currency_code" value="EUR" /> <input type="hidden" name="tax" value="0" /> <input type="hidden" name="lc" value="FR" /> <input type=
"hidden" name="bn" value="PP-DonationsBF" /> <input type="image" src="images/paypal.jpg" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !" />
<img alt="Paypal" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1" /></div>
</form>
</div>
</li>
</ul>
</div>

A noter au passage que <br/> n'a pas de raison d'être là, utilise un margin-top sur ta ul

Et si tu veux valider ta page, va sur son site, affiche le code source, et teste avec le code source ( ou directement la page en ligne ).

**Bovino** · 18/06/2008, 10h27

Sans oublier de rajouter :

Code :

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

1
2
<link href="../style.css" rel="stylesheet" type="text/css" />
<title>header</title>

dans index.php !

**Maxime44** · 18/06/2008, 12h40

Merciii je suis passer en Strict,
Bonne journée et merci !

[W3C] problème validation W3C

HTML

Discussions similaires

Partager

Partager