Erreurs mystères du W3C

**hit9lepirate** · 07/12/2009, 19h20

Bonjour à tous !
D'habitude je ne suis pas le premier venir pleurer pour qu'on me donne des réponses mais aujourd'hui mystére !
Le W3C me détécte 33 erreurs dans le code suivant...
pourtant je ne suis pas débutant, j'ai tout écrit au Notepad++ et impossible de trouver en suivant leur consigne...
Un peu d'aide ne serrai pas de refus...Voici le code en question

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<?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">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Hit9eyes : " BIENVENUE sur mon site. Venez découvrir mes projets, ma musique, ma vie privée... "</title>
  <link rel="stylesheet" media="screen" type="text/css" title="ambiance standart" href="styles/common.css" />
  <link rel="stylesheet" media="screen" type="text/css" title="ambiance noir et rose" href="styles/common2.css" />
  <link rel="stylesheet" media="screen" type="text/css" title="ambiance rouge/bleu" href="styles/common3.css" />
  <meta name="author" content="Guillaume Arnoult" />
  <meta name="keywords" content="guillaume, arnoult, guitariste, musique, france, autodidacte, compositeur, interpréte," />
  <meta name="description" content="Hit9eyes est un jeune artiste autodidacte, compositeur, interpréte, et qui cherche à partager son expérience" />
</head>
 
<body>
 
<!-- Structure globale --> 
<div class="STRUCTURE">
 
<div id="bandeau">
 
<!-- Logo gauche --> 
	<img class="logo" src="images/666.gif" alt="Logo du site de Hit9eyes" />
<!-- Image droite --> 
	<img class="image" src="images/intro.gif" alt="Petit gif animé hit9eyes" />
<!-- Titre centre --> 
	<img class="titre_principal" src="images/2.png" alt="Titre du site de Hit9eyes" />
 
 
</div>
 
 
<!-- Menu principal --> 
<div id="menuHaut">
 
<ul id="MenuDynamique">
	<li>
		<a href="index.fr.html"><span class="menuselect">Accueil<br/><br/></span></a>
			<ul class="categorie">
				<li><a href="index.fr.html#1">Introduction</a></li>
				<li><a href="index.fr.html#2">Sommaire</a></li>
				<li><a href="index.fr.html#3">Mon autres site</a></li>
				<li><a href="cv.fr.html" title="Mon Curriculum Vitae professionnel">Mon CV</a></li>
			</ul>
	</li>	
	<li>
		<a href="bio.fr.html" title="Biographie">Biographie</a>
			<ul class="categorie">
				<li><a href="bio.fr.html#1">De "Guillaume" à "Hit9Eyes"</a></li>
				<li><a href="influence.fr.html#1">Mes influences</a></li>
			</ul>			
	</li>
	<li> 
		<a href="photo.fr.html" title="Des Photos">Photos</a>
			<ul class="categorie">
				<li><a href="photo.fr.html#1">L'homme</a></li>
				<li><a href="photo.fr.html#2">Le musicien</a></li>
				<li><a href="photo.fr.html#3">Le poête</a></li>
			</ul>
	</li>
	<li> 
		<a href="exo.fr.html" title="Des exercices et de la théorie">Exercices</a>
			<ul class="categorie">
				<li><a href="echauffement.fr.html">Exercices d'echauffement</a></li>
				<li><a href="theoriques.fr.html">Exercices theoriques</a></li>
				<li><a href="techniques.fr.html">Exercices techniques</a></li>
				<li><a href="DiagrammesGammesAccords.fr.html">Diagrammes &amp; Gammes &amp; Accords</a></li>
			</ul>
	</li>
	<li> 
		<a href="matos.fr.html" title="Du matérielles et des instruments">Instruments</a>
			<ul class="categorie">
				<li><a href="matos.fr.html#1" title="Mon rig=Schéma de mon matérielle">Mon rig</a></li>
				<li><a href="matos.fr.html#2">Mes réglages</a></li>
			</ul>
	</li>
	<li> 
		<a href="video.fr.html" title="Des videos">Vidéos</a>
			<ul class="categorie">
				<li><a href="video.fr.html">Mes vidéos Youtube</a></li>
			</ul>
	</li>
	<li> 
		<a href="contact.fr.html" title="Des moyens pour me contacter et différents liens vers d'autres sites Internet">Contacts &amp; Liens</a>
			<ul class="categorie">
				<li><a href="contact.fr.html#1">Mes sites favoris</a></li>
				<li><a href="contact.fr.html#2">Mes guitaristes favoris</a></li>
				<li><a href="contact.fr.html#0">Tablatures</a></li>
				<li><a href="contact.fr.html#3">Des liens commerciaux</a></li>
				<li><a href="contact.fr.html#4">Backing Tracks</a></li>
				<li><a href="formulaire.fr.html">Des remarques ?</a></li>
			</ul>
	</li> 
 
 
</ul>
 
</div>
 
<!-- Menu contextuel --> 
<div id="menugauche">
 
    <div class="sous_menu"><br/>Bienvenue
			sur mon site...<br/><br/>
			Venez découvrir mes projets, ma musique, ma vie privée...	  	         
			<br/><br/></div>		    
    <div class="sous_menu">Présentation :</div>
            <br/>
				<a href="#1">Introduction</a>
	        <br/><br/>
	            <a href="#2">Sommaire</a>
	        <br/><br/>
			    <a href="#3">Mon autres site</a>
			<br/><br/>
	<div class="sous_menu">Mon CV :</div>
	        <br/>
				Mon Curriculum Vitae <a href="cv.fr.html" title="Mon Curriculum Vitae professionnel">ICI</a>   
         	<br/><br/>	
	<div class="sous_menu">Sites partenaires :</div>
	        <br/><br/>
		<div>
			<a href="http://www.bef-gtp.com/">
				<img src="images/customLogo.jpg" width="180" height="36" title="Le site de la BEF-GTP" alt="Logo du site de la BEF-GTP">
			</a>
		</div>
			<br/><br/>         
</div>
 
<!-- Contenu de la page --> 
<div id="corps">
 <a href="en/index.en.html"><img class= "en" src="images/en1.png" alt="Accès en Anglais" title="Accès en Anglais"/><span class="changelangue">Voir cette page en Anglais</span></a>
 
    <div class="titre"><a name="1"></a>Introduction :</div>
 
<p>Cela fait pas mal de temps que je me tâte à nous montrer, moi, et ma musique. 
Cependant il y a de forte chance que ce soit éphémère :
 
     Ma musique n'est pour l'instant qu'un vague projet composés de fragments 
	 de phrasés guitaristiques qui naissent chaques fois ou presques que je pose
	 mes mains sur le manche de ma guitare, mais qui disparaissent comme par magie 
	 avec le temps. Quelques phrasés pianistiques de Si de La, ou encore MAOistique.</p>
<div class="barre"><hr/></div>
<p>Mais je n'y suis pour rien dans tout ça : c'est mes doigts qui, une fois 
	 ce balladerons seuls sans me demander mon avis, puis qui la fois d'aprés
	 serons fatigués de recommencer, ils sont capricieux, ce sont eux qui décident. Chaque bref instant ou l'envie me prend de composer,
	 une flegme fait son apparition et prend alors le dessus et rend à l'état de neant l'idée d'enregistrer :
 
     Tout dépend uniquement de l'état d'ésprit dans lequels je suis, sans
	 réfléchir, la musique nait, et forge une image de l'état dans lequels
	 je suis, quand je suis triste ou joyeux, mes doigts le saient, et ils jouent.
 
J'éspere que l'amnésie constante dans laquelle je suis plongé prendra fin un jour. 
Et mettre fin à cette peur de tout oublier et de ne pouvoir jamais rien en extraire.</p>
 
 
<div class="barre"><hr/></div>
 <p>Pourtant des projets j'en ai : j'aimerai réaliser un album de reprise de
 musiques disco pour un band rock (basse, guitare, chant, batterie), des
 reprises de morceaux de rap français pour y inserer tout plein de guitare, de l'instrumental, du néo-classique,</p>
<div class="barre"><hr/></div>
 
	<div class="titre"><a name="2"></a>Sommaire du site :</div>
 
<p>Voici la liste de ce que vous allez rencontrer sur mon site :<br/><br/>
 
 
<p>1. <a href="bio.fr.html" title="Biographie">Biographie</a> : Vous trouverez ma Biographie afin de vous faire connaitre un peu mon passé.</p>
<p>2. <a href="photo.fr.html" title="Des Photos">Photos</a> : Vous trouverez des Photos</p>
<p>3. <a href="exo.fr.html" title="Des exercices et de la théorie">Exercices</a> : Je m'improviserai prof de guitare, vous trouverez donc des exercices et un peu de théorie musical.</p>
<p>4. <a href="matos.fr.html" title="Du matérielles et des instruments">Instruments</a> : Je vous montrerez mon matos et mes instruments mais aussi des test que j'ai réalisé sur toutes sortes de matérielles.</p>
<p>5. <a href="video.fr.html" title="Des videos">Vidéos</a> : Il y aura quelques videos de moi mais aussi de mes guitaristes favoris</p>
<p>6. <a href="contact.fr.html" title="Des moyens pour me contacter et différents liens vers d'autres sites Internet">Contacts &amp; Liens</a> Et enfin je vous laisse un moyen de me contacter et de nombreux liens vers des sites qui m'on été utile ou que j'apprécie.</p>
 
 <div class="barre"><hr/></div>
 
 
<div class="titre"><a name="3"></a>Mon autre site :</div>
<br/><br/>
Membre Fondateur de la BEF GTP [Bife JiTiPi] :  
"A la <a href="http://www.bef-gtp.com/" target="_blank">BEF-GTP</a>, on partage une manière de vivre, notre manière de vivre, nos réflexion sur le monde à l'ancienne,
nos passions, nos coups coeurs et nos coups de gueules, dans nos débats enflammées." <br/>
 
		<div>
			<a href="http://www.bef-gtp.com/">
				<img src="images/customLogo.jpg" width="500" border="0" height="200" title="Le site de la BEF-GTP">
			</a>
		</div>
</p>
 
<br/><br/>
<div class="barre"><hr/></div> 
 
 
</div>
 
 
 
 
<!-- Bas de page --> 
<div id="basdepage">
Pour me contacter :
<a href="mailto:hit9lepirate@hotmail.fr"><img src="images/MAIL.png" width="150" height="50" border="0"></a>
				<img src="images/tel.png" width="150" height="50" border="0"></a>
				<br/><br/>
	<img src="images/valid.gif" alt="Valide W3C" />
	<img src="images/valid2.png" alt="Valide W3C" />
	<img src="images/valid3.png" alt="Valide W3C" />
</div>
 
 
 
</div>
 
</body>
</html>

Merci d'avance

**thelvin** · 07/12/2009, 20h29

Pas débutant ?

Rien que la première erreur, ligne Line 124, Column 121 :
Le validateur se plaint que la balise <img> n'est pas fermée, et effectivement elle n'est pas fermée. C'est une erreur qui peut arriver, mais le validateur me semble assez clair.

Les autres erreurs sont aussi des erreurs de forme XML et de validation très communes. Tu as deux choses à apprendre : comment faire du XML bien formé, et ce qu'autorisent les DTD du XHTML, dans ton cas la DTD de XHTML 1.1 (qui n'est pas franchement le plus simple quand on vient de HTML.)

Je recommande pas d'utiliser Notepad++, mais un éditeur qui valide ton document à mesure que tu le tapes. Bon, je m'y connais pas beaucoup dans ces trucs-là, moi j'utilise Eclipse.

Edit : Après réflexion, je me dis que tu n'as peut-être pas remarqué que tu es en XHTML, XHTML 1.1 de surcroît. XHTML obéit aux règles du XML d'une part, et a des règles plus strictes que le HTML d'autre part. Si tu tiens à rester en XHTML 1.1 il va falloir apprendre les règles du XML et corriger les invalidité XHTML 1.1.
Sinon, tu devrais déclarer ton document en HTML 4.01 transitionnel.

**hit9lepirate** · 07/12/2009, 21h23

Merci effectivement je suis au courant le XHTML est voulu

mais des erreurs sont théoriquements "acceptable" dans ce langage en particulier les erreurs sur les "a name" et les attribut de style

enfin...

**Bisûnûrs** · 07/12/2009, 22h49

Envoyé par hit9lepirate

mais des erreurs sont théoriquements "acceptable" dans ce langage en particulier les erreurs sur les "a name" et les attribut de style.

Non.

Petite note au passage, le XHTML 1.1 est censé être servi en application/xhtml+xml et non en text/html.
Si tu ne veux pas de ce content-type, repasse en XHTML 1.0 Strict, voire même Transitional.
Sachant également que la déclaration XML en première ligne fait passer IE7 et inférieurs en mode Quirks, donc il n'est pas non plus conseillé de la mettre. D'où l'intérêt encore plus grand de repasser en XHTML 1.0.

**Macmillenium** · 08/12/2009, 13h27

Envoyé par Bisûnûrs

Sachant également que la déclaration XML en première ligne fait passer IE7 et inférieurs en mode Quirks

Pas IE7, mais IE6 et Konqueror 3.2- oui.

**thelvin** · 08/12/2009, 01h13

Envoyé par hit9lepirate

mais des erreurs sont théoriquements "acceptable" dans ce langage en particulier les erreurs sur les "a name" et les attribut de style

Disons que les navigateurs acceptent un peu tout, surtout si on le leur sert avec un content-type text/html plutôt que application/xml+xhtml.

Le validateur, c'est une autre affaire. Et si le validateur n'aime pas, tu ne peux pas trop compter sur le fait que les navigateurs le traiteront toujours pareil : invalide => comportement indéfini.

Erreurs mystères du W3C

HTML

Vue hybride

Discussions similaires

Partager

Partager