Problème de validation XHTML 1.1

Marsh Posté le 24-04-2005 à 09:38:47

Bonjour,

Pour un exercice, j'ai essayé de passer un document valide en HTML 4.01 strict en XHTML 1.1 A première vue tout me semble correcte, mais le validateur du W3C ne l'entend pas de cette oreille :

1. Line 237, column 7: end tag for "script" omitted, but OMITTAG NO was specified
</html>
You may have neglected to close a tag, or perhaps you meant to "self-close" a tag; that is, ending it with "/>" instead of ">".

2. Line 31, column 0: start tag was here
<script type="text/javascript">

3. Line 237, column 7: end tag for "head" omitted, but OMITTAG NO was specified
</html>

4. Line 8, column 0: start tag was here
<head>

5. Line 237, column 7: "html" not finished but document ended
</html>

6. Line 237, column 7: end tag for "html" omitted, but OMITTAG NO was specified
</html>

7. Line 5, column 0: start tag was here
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

8. Line 237, column 7: missing marked section end
</html>

9. Line 32, column 9: marked section started here
<![CDATA[//><!--

Et la page en question :

Code :

<!-- Insertion du fichier contenant l'entête de la page
Ne pas oublier de remplir les champs titre et description-->
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>titre</title>
<meta name="keywords" content="essai" />
<meta name="description" content="essai" />
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="http://www.scouts-stegreve.com/styles/vence/ecran.css" title="Vence" rel="stylesheet" media="screen" type="text/css" />
<link href="http://www.scouts-stegreve.com/styles/vence/imprimer.css" title="Vence" rel="stylesheet" media="print" type="text/css" />
<link rel="alternate stylesheet" type="text/css" href="http://www.scouts-stegreve.com/styles/quaix/ecran.css" media="screen" title="Quaix" />
<link rel="alternate stylesheet" type="text/css" href="http://www.scouts-stegreve.com/styles/quaix/imprimer.css" media="print" title="Quaix" />
<link rel="alternate stylesheet" type="text/css" href="http://www.scouts-stegreve.com/styles/moderne/ecran.css" media="screen" title="Moderne" />
<link rel="alternate stylesheet" href="http://www.scouts-stegreve.com/styles/moderne/imprimer.css" media="print" title="Moderne" type="text/css" />
<link rel="alternate stylesheet" type="text/css" href="http://www.scouts-stegreve.com/styles/girieux/ecran.css" media="screen" title="Girieux" />
<link rel="alternate stylesheet" href="http://www.scouts-stegreve.com/styles/girieux/imprimer.css" media="print" title="Girieux" type="text/css" />
<link rel="alternate stylesheet" type="text/css" href="http://www.scouts-stegreve.com/styles/authentique/ecran.css" media="screen" title="Authentique scout" />
<link rel="alternate stylesheet" href="http://www.scouts-stegreve.com/styles/authentique/imprimer.css" media="print" title="Authentique scout" type="text/css" />
<script type="text/javascript" src="http://www.scouts-stegreve.com/styleswitcher.js"></script>
<script type="text/javascript" src="http://www.scouts-stegreve.com/agrandissement.js"></script>
<script type="text/javascript">
<![CDATA[
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
function cache(id) {
var x = document.getElementById(id);
if (x) {x.style.display='none';}
}
//--><:</XMLCDATA>
</script>
<style type="text/css">
.gris{
background: #006699;
color: white;
}
.principal{
background: #333333;
color: #cccccc;
text-align: left;
font-size: 1.3em;
}
table{
cellpadding: 0px;
cellspacing: 0px;
border: 0px;
text-align: center;
width: 100%;
font-size: 0.9em;
}
.format1{
width: 50%;
text-align: left;
}
.format2{
width: 20%;
text-align: left;
}
.format3{
width: 70%;
text-align: left;
}
.format4{
width: 100%;
text-align: center;
}
em {
font-size: 0.8em;
color: #ffcc66;
}
.interligne {
height: 20px;
}
</style>
</head>
<body onload="montre();cache()">
<div id="centre">
<h1>Contacts</h1>
<p>Remplissez le formulaire ci-dessous, afin de recevoir des réponses précises
à vos demandes. Les coordonnées fournies nous permettent vous contacter plus
rapidement. Seule l'adresse e-mail est requise. Merci de votre compréhension.</p>
</div>
<!-- Insertion du fichier contenant l'habillage de la page
Ne pas oublier de remplir les champs auteur, date et validation-->
<div id="entete">
<div id="ambiance1"></div>
<div id="ambiance2"></div>
<div id="ambiance3"></div>
<div id="ambiance4"></div>
<div id="ambiance5"></div>
<!--chaque div suivante correspond a un bouton qui affiche un div lorsqu'il
est survolé, et qui déclenche une action ou un lien lorsqu'il est cliqué
Le lien href est destiné aux navigateurs n'ayant pas JavaScript activé.-->
<div id="acceuil" onmouseover="montre('iaccueil')" onmouseout="cache('iaccueil')">
<a href="http://www.scouts-stegreve.com"></a></div>
<div id="imprimante" onmouseover="montre('iimpr1');montre('iimpr2')" onmouseout="cache('iimpr1');cache('iimpr2')"
onclick="javascript:window.print(); return false"> <a href="../public/outils-depannage-javascript.php"></a></div>
<div id="outils" onmouseover="montre('ioutil1');montre('ioutil2')" onmouseout="cache('ioutil1');cache('ioutil2')">
<a href="../public/outils.php"></a></div>
<div id="feuillevence" onmouseover="montre('ivence1');montre('ivence2')" onmouseout="cache('ivence1');cache('ivence2')"
onclick="setActiveStyleSheet('Vence'); return false;cache('ivence1');cache('ivence2')">
<a href="../public/outils-depannage-javascript.php"></a></div>
<div id="feuillequaix" onmouseover="montre('iquaix1');montre('iquaix2')" onmouseout="cache('iquaix1');cache('iquaix2')"
onclick="cache('iquaix1');cache('iquaix2'); setActiveStyleSheet('Quaix'); return false">
<a href="../public/outils-depannage-javascript.php"></a></div>
<div id="feuillemoderne" onmouseover="montre('imoderne1');montre('imoderne2')" onmouseout="cache('imoderne1');cache('imoderne2')"
onclick="setActiveStyleSheet('Moderne'); return false;cache('imoderne1');cache('imoderne2')">
<a href="../public/outils-depannage-javascript.php"></a></div>
<div id="feuillegirieux" onmouseover="montre('igirieux1');montre('igirieux2')" onmouseout="cache('igirieux1');cache('igirieux2')"
onclick="setActiveStyleSheet('Girieux'); return false;cache('igirieux1');cache('igirieux2')">
<a href="../public/outils-depannage-javascript.php"></a></div>
<div id="feuilleauthentique" onmouseover="montre('iauthen1');montre('iauthen2')" onmouseout="cache('iauthen1');cache('iauthen2')"
onclick="setActiveStyleSheet('Authentique scout'); return false;cache('iauthen1');cache('iauthen2')">
<a href="../public/outils-depannage-javascript.php"></a></div>
<div id="divers"
onmouseover="montre('idivers1');montre('idivers2')" onmouseout="cache('idivers1');cache('idivers2')">
<a href="../public/divers.php"></a></div>
<div id="contact" onmouseover="montre('icontact1');montre('icontact2')" onmouseout="cache('icontact1');cache('icontact2')">
<a href="../public/contacts.php"></a></div>
<div id="info" onmouseover="montre('iinfo1');montre('iinfo2')" onmouseout="cache('iinfo1');cache('iinfo2')">
<a href="../public/renseignements.php"></a></div>
<div id="plan" onmouseover="montre('iplan1');montre('iplan2')" onmouseout="cache('iplan1');cache('iplan2')">
<a href="../public/plan.htm"></a></div>
<div id="groupe"
onmouseover="montre('igroupe1');montre('igroupe2')" onmouseout="cache('igroupe1');cache('igroupe2')">
<a href="../public/groupe.php"></a></div>
<div id="louveteaux"
onmouseover="montre('ilvt1');montre('ilvt2')" onmouseout="cache('ilvt1');cache('ilvt2')">
<a href="../public/louveteaux.php"></a></div>
<div id="patad"
onmouseover="montre('ipatad1');montre('ipatad2')" onmouseout="cache('ipatad1');cache('ipatad2')">
<a href="../public/patrouille-adaptee.php"></a></div>
<div id="scouts"
onmouseover="montre('iscouts1');montre('iscouts2')" onmouseout="cache('iscouts1');cache('iscouts2')">
<a href="../public/scouts.php"></a></div>
<div id="pio"
onmouseover="montre('ipio1');montre('ipio2')" onmouseout="cache('ipio1');cache('ipio2')">
<a href="../public/pionniers.php"></a></div>
<div id="compas"
onmouseover="montre('icompas1');montre('icompas2')" onmouseout="cache('icompas1');cache('icompas2')">
<a href="../public/compagnons.php"></a></div>
<!--chaque div suivante correspond à un message affiché lors
du survol d'un bouton, les messages vont par pair, un pour chaque ligne-->
<div class="info1" id="iimpr1">Imprimer</div>
<div class="info2" id="iimpr2">impression optimisé de cette page</div>
<div class="info1" id="ioutil1">Boite a outils</div>
<div class="info2" id="ioutil2">pour débloquer toutes situations</div>
<div class="info1" id="iaccueil">Page d'accueil</div>
<div class="info1" id="ivence1">Vence</div>
<div class="info2" id="ivence2">change la présentation du site</div>
<div class="info1" id="iquaix1">Quaix</div>
<div class="info2" id="iquaix2">change la présentation du site</div>
<div class="info1" id="imoderne1">Moderne</div>
<div class="info2" id="imoderne2">change la présentation du site</div>
<div class="info1" id="igirieux1">Girieux</div>
<div class="info2" id="igirieux2">change la présentation du site</div>
<div class="info1" id="iauthen1">Authentique scout</div>
<div class="info2" id="iauthen2">change la présentation du site</div>
<div class="info1" id="idivers1">Divers</div>
<div class="info2" id="idivers2">... un peu de tout ...</div>
<div class="info1" id="icontact1">Contacts</div>
<div class="info2" id="icontact2">... discuter avec nous ...</div>
<div class="info1" id="iinfo1">Informations</div>
<div class="info2" id="iinfo2">... formulaire de demande d'infos ...</div>
<div class="info1" id="iplan1">Plan du site</div>
<div class="info2" id="iplan2">... savoir où on va ...</div>
<div class="info1" id="igroupe1">Le groupe</div>
<div class="info2" id="igroupe2">6/xxx ans - vivre ensemble</div>
<div class="info1" id="ilvt1">Les louveteaux/ettes</div>
<div class="info2" id="ilvt2">8/11 ans - découvrir, s'amuser</div>
<div class="info1" id="ipatad1">La patrouille adaptée</div>
<div class="info2" id="ipatad2">11/14 ans - explorer le monde</div>
<div class="info1" id="iscouts1">Les scout(e)s</div>
<div class="info2" id="iscouts2">11/14 ans - vivre l'aventure</div>
<div class="info1" id="ipio1">Les pionnier/eres</div>
<div class="info2" id="ipio2">14/17 ans - monter son projet</div>
<div class="info1" id="icompas1">Les compagnons</div>
<div class="info2" id="icompas2">17/21 ans - racourcir le monde</div>
</div>
<div id="moteur">
<form method="get" action="http://www.google.fr/search">
<div class="casegoogle">
<input type="text" name="q" size="14" maxlength="255" value="" accesskey="5">
</div>
<div class="logogoogle">
<input type="hidden" name="domains" id="domains" value="scouts-stegreve.com">
</div>
<div class="casego">
<input type="submit" name="btng" id="btng" value="Go">
</div>
<div class="textegoogle">
<input type="radio" name="sitesearch" id="sitesearch1" value="">
Web
<input type="radio" name="sitesearch" id="sitesearch2" value="scouts-stegreve.com" checked="checked">
Ce site </div>
</form>
</div>
<!--cette div affiche la date et l'auteur de la page
ainsi que les tests de validation W3C-->
<div id="pied"> SGDF St Egrève<br>
Benjamin COIFFARD<br>Dimanche 24 avril 2005<br><br>
<a href="http://validator.w3.org/check?uri=referer"
onclick="window.open(this.href); return false;">
<img src="images/xhtml.gif" alt="Validation du code XHTML 1.0 Strict"
width="51" height="22" /></a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.scouts-stegreve.com/public/contacts.php" onclick="window.open(this.href); return false;">
<img src="images/css.gif" alt="Validation du code CSS" width="40" height="22" /></a>
</div>
</body>
</html>

Message édité par bepimaco le 24-04-2005 à 14:00:42

---------------
Bepimaco

Marsh Posté le 24-04-2005 à 09:38:47

Marsh Posté le 24-04-2005 à 11:19:59

ton balisage de commentaire est mal foutu, ça pourrit tout le reste

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *