[W3C] Validation site W3C

**jonbymusic** · 15/03/2007, 12h19

Bonjour,

Je bosse sur mon premier site. Apres validation, il y a 49 erreurs, et j'avoue ne pas trop savoir comment les corriger.

http://validator.w3.org/check?uri=ht....bymusic.fr%2F

quelqu'un peut m'expliquer

merci d'avance

**FraK** · 15/03/2007, 12h40

ce qui est en rouge sur la page ce sont pas les corrections ?

**royto** · 15/03/2007, 12h41

Si tu es sous firefox, je te conseille cette extension qui t'indique les erreurs se trouvant sur ta page et donne la marche a suivre afin de les corriger

**FraK** · 15/03/2007, 12h44

peux tu au pire des cas nous coller juste le début du code de ta page

**royto** · 15/03/2007, 12h51

Deja il manque le / fermant pour le meta suivant :

Code :

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

<META NAME="identifier-URL" CONTENT="http://www.bymusic.fr/">

Avec le / :

Code :

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

<META NAME="identifier-URL" CONTENT="http://www.bymusic.fr/" />

Rajoute des alt (texte alternatifs) a tes images

Tu as des attributs qui n'existe pas en XHMLT :

Code :

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

<h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle">&nbsp; </h2>

A quoi te sert #invalid_attr_id?

**royto** · 15/03/2007, 16h00

Envoyé par royto

Rajoute des alt (texte alternatifs) a tes images

En fait le alt est un attributs obligatoire pour les image en Xhtml qui permet de définir un texte alternatifs pour tes images (au cas ou le lien vers l'image est mort, ou pour un navigateur vocal, ...)

Ainsi si tu laisse ta souris sur l'image un petit texte s'affiche c ce qui est dans le alt

exemple :

Code :

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

<img title="Forum des développeurs" src="images/logo16.gif" alt="Forum des développeurs" border="0">

**jonbymusic** · 15/03/2007, 13h04

Envoyé par royto

Si tu es sous firefox, je te conseille cette extension qui t'indique les erreurs se trouvant sur ta page et donne la marche a suivre afin de les corriger

dommage... je suis sur Mac et l'extension ne fonctionne pas

voici tout le code, amusez vous bien

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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!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">
<head>
<title>By Music : Design Sonore et Musique de Marque</title>
<META name="verify-v1" content="L8/2DyTpmN+ooVyDz9oPXIWWCF8/dhHxJmbf2bQ4R98=" />
	<META NAME="keywords" CONTENT="identité sonore, design sonore, communication sonore, signature sonore, by music, bymusic, musique d'ambiance, attente musicale, logo sonore, marketing musical, sonorisation, marque sonore, logos musicaux, messages sonores, design musical, jingle, compositeur, publicité musique, création musicale, sound design, designer sonore, attente téléphonique, habillage musical, illustration sonore, boucle sonore, standard téléphonique, logo musical, musique corporate, marketing sonore, musique institutionnelle, musique libre de droits, musique d'entreprise, sonorisation d'espace de vente, mp3, charte sonore, musique, sonore, environnement sonore, marketing musical, fond sonore, musique d'attente, sonal, logo musical, designers sonores, identités sonores, jingles, BY MUSIC, son d'ambiance, diffusion musicale, architecture sonore, griffe musicale, sonic branding, répondeur, transert d'appel, composition musicale, musique à l'image, agence de design musical, musique et marque"/>
	<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<META name="robots" content="all" />
	<META NAME="identifier-URL" CONTENT="http://www.bymusic.fr/"/>
	<META NAME="rating" CONTENT="General"/>
	<META NAME="distribution" CONTENT="Global"/>
		<META NAME="Date-Creation-yyyymmdd" CONTENT="20060701"/>
	<META NAME="Date-Revision-yyyymmdd" CONTENT="20061016"/>
	<META NAME="revisit-after" CONTENT="30 Days"/>
	<META NAME="description" CONTENT="By Music est une agence spécialisée dans la création d'identité sonore des entreprises et des marques, allant du design sonore de jingle à la création de musiques dédiées à la publicité TV et radio"/>
	<META NAME="author" CONTENT="By Music"/>
	<META NAME="reply-to" CONTENT="sooukian@bymusic.fr"/>
	<META NAME="owner" CONTENT="sooukian@bymusic.fr"/>
	<META NAME="copyright" CONTENT="By Music"/>
 
  <link rel="icon"
        href="http://www.bymusic.fr/favicon.ico"
        type="image/x-icon" />
  <link rel="shortcut icon"
        href="http://www.bymusic.fr/favicon.ico"
        type="image/x-icon" />
 
  <link rel="stylesheet"
        type="text/css"
        media="screen"
        href="rw_common/themes/aqualicious/styles.css" />
  <link rel="stylesheet"
        type="text/css"
        media="print"
        href="rw_common/themes/aqualicious/print.css" />
  <link rel="stylesheet"
        type="text/css"
        media="screen"
        href="rw_common/themes/aqualicious/css/styles/purple.css" />
  <link rel="stylesheet"
        type="text/css"
        media="screen"
        href=
        "rw_common/themes/aqualicious/css/width/width_default.css" />
 
  <link rel="stylesheet"
        type="text/css"
        media="screen"
        href=
        "rw_common/themes/aqualicious/css/sidebar/sidebar_hide.css" />
 
<script type="text/javascript" src="rw_common/themes/aqualicious/javascript.js"></script>
<script type="text/javascript" src="files/swfobject.js"></script>
 
<style type="text/css">
<!--
.style9 {font-size: 12px; margin: 0px; color: #666666;}
.style12 {color: #660099}
.style13 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>
 
<body>
  <div id="navcontainer">
    <!-- Start Navigation -->
 
    <ul>
      <li>
        <a href="index.html"
            rel="self"
            id="current"
            name="current">By Music</a>
 
      </li>
 
      <li><a href="metiers/metiers.html"
         rel="self">M&eacute;tiers</a></li>
 
      <li><a href="realisations/realisations.html"
         rel="self">R&eacute;alisations</a></li>
 
      <li><a href="presse/presse.html"
         rel="self">Presse</a></li>
 
      <li><a href="contact/contact.html"
         rel="self">Contact</a></li>
    </ul>
  </div><!-- End navigation -->
 
  <div id="pageHeader">
    <!-- Start page header -->
  </div><!-- End page header -->
 
  <div id="container">
    <!-- Start container -->
 
    <div id="sidebarContainer">
      <!-- Start Sidebar wrapper -->
 
      <div class="sideHeader"></div><!-- Sidebar header -->
 
      <div id="sidebar">
        <!-- Start sidebar content -->
 
        <br />
        <!-- sidebar content you enter in the page inspector -->
         <!-- sidebar content such as the blog archive links -->
      </div><!-- End sidebar content -->
    </div><!-- End sidebar wrapper -->
 
    <div id="contentContainer">
      <!-- Start main content wrapper -->
 
      <div id="content">
        <!-- Start content -->
        <script src="files/FixBox.js" type='text/javascript'></script>
 
        <div style="border:none; width:98%; overflow:hidden;">
          <div style="position:relative; border:none; top:0; left:0px; width:680.000000px; height:1000px; overflow:hidden;">
          <script type='text/javascript'>fixBox('id0');</script>
            <div id="id1_outside" style=" overflow:hidden; margin:0px; padding:5.0px; height:150px; left:196px; position:absolute; top:157px; width:450px;">
            <div id="id1_inside">
                <p style="text-align:justify;">
 
                <div class="style12Grey">
                  <p>By Music est une agence d&eacute;di&eacute;e &agrave; la musique au service des entreprises et des marques. <br/>
                  Musiques de marques, signatures sonores, illustration musicale...
                    <br />
                    l'agence est sp&eacute;cialis&eacute;e en communication sonore corporate et produit.<br/>
                    Ils nous font confiance : <font color="#000000"><b>Louis Vuitton, Clarins, 
                smart France, La Poste, Quatrem Assurances, Yves Rocher, ADEME, 3M Europe, Lancia... </b></font></p>
                  <p><a href="plaquette/plaquette.html">T&eacute;l&eacute;charger la plaquette de l'agence</a> </p>
              </div>
 
			  </div>
            </div>
 
			<script type='text/javascript'>fixBox('id1');</script>
 
            <div id="id2_outside"
                 style=
                 " overflow:hidden; margin:0px; padding:5.0px; height:224.9px; left:5px; position:absolute; top:125px; width:176.0px;border:0px solid green">
            <div id="id2_inside">
                <img class="imageStyle"
                     alt="Illustration argent"
                     src="files/page0_2_1.jpg" />
              </div>
            </div>
 
			<script type='text/javascript'>fixBox('id2');</script>
 
            <script type='text/javascript'>fixBox('id3');</script>
 
            <div id="id4_outside" style=" overflow:hidden; margin:0px; padding:5.0px; height:109.7px; left:0.0px; position:absolute; top:0.0px; width:669.0px;">
            <div id="id4_inside">			  
              <table cellspacing="0" cellpadding="0" background="files/page0_4_1.jpg" width="655" height="100">
                <tr>
                  <td></td>
                  <td><h1 class="enteteh1">Design Sonore et Musique de Marque</h1></td>
                </tr>
              </table>
            </div>
            </div>
 
			<script type='text/javascript'>fixBox('id4');</script>
 
			<script type='text/javascript'>fixBox('id6');</script>
 
            <script type='text/javascript'>fixBox('id7');</script>
			<a href="http://www.netisse.fr" target="_blank"><img src="./files/pix.gif" width="1" height="1" border="0"/></a>
 
<!--			<div id="id8_outside"
                 style=
                 " overflow:hidden; margin:0px; padding:5.0px; height:142.8px; left:337.0px; position:absolute; top:158.0px; width:242.0px;">
            <div id="id8_inside">
                <img class="imageStyle"
                     alt="Logo-La-Poste"
                     src="files/page0_8_1.jpg" />
              </div>
            </div>
			<script type='text/javascript'>//fixBox('id8');</script>
-->	
<!--
            <div id="id9_outside"
                 style=
                 " overflow:hidden; margin:0px; padding:5.0px; height:146.0px; left:8.0px; position:absolute; top:159.0px; width:232.0px;">
            <div id="id9_inside">
                <img class="imageStyle"
                     alt="monogrammeLV"
                     src="files/page0_9_1.jpg" />
              </div>
            </div>
			<script type='text/javascript'>//fixBox('id9');</script>
-->
            <script type='text/javascript'>//fixBox('id10');</script>
			<div id="id0_outside" style="overflow:hidden; padding:5.0px; height:289px; left:71px; position:absolute; top:347px; width:220px; visibility: visible; z-index: 5;">
              <div id="id0_inside">
                <div class="style9">
                  <h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle">&nbsp; </h2>
                  <h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle"><a href="realisations/clarins/clarins.html"><img src="VISUELS%20SITE/clarins.jpg" width="141" height="87" border="0" title="monogrammeLV" /></a> </h2>
                  <div align="justify">
                    <div id="Layer1" style="position:absolute; width:200px; height:97px; z-index:16; font-family: Arial, Helvetica, sans-serif; left: 14px;"><font color="#660099">By Music</font> accompagne l'agence nurun pour la sonorisation du site clarins.com. Les musiques cr&eacute;&eacute;es contribuent &agrave; v&eacute;hiculer les valeurs de la marque via sa communication on-line. <a href="realisations/clarins/clarins.html">Ecouter </a></div>
                    <p>&nbsp;</p>
                  </div>
                </div>
                <p></p>
              </div>
		    </div>
		    <div id="id0_outside" style="overflow:hidden; padding:5.0px; height:289px; left:365px; position:absolute; top:348px; width:220px; visibility: visible; z-index: 6;">
              <div id="id0_inside">
                <div class="style9">
                  <h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle">&nbsp;</h2>
                  <h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle"><a href="realisations/voo/voo.html"><img src="realisations/voo/voohome.jpg" width="120" height="89" border="0" /></a> </h2>
                  <div align="justify">
                    <p>&nbsp;</p>
                    <div id="Layer2" style="position:absolute; width:200px; height:98px; z-index:16; top: 120px; left: 10px; font-family: Arial, Helvetica, sans-serif;">Pour la nouvelle marque commune de services Triple-Play belge et son agence Minale Design Strategy, <span class="style12">By Music</span> cr&eacute;e une identit&eacute; sonore unique. <a href="realisations/voo/voo.html">Ecouter</a></div>
                    <p>&nbsp; </p>
                  </div>
                </div>
                <p></p>
              </div>
	        </div>
            <div id="id3_outside" style="overflow:hidden; padding:5.0px; height:289px; left:365px; position:absolute; top:581px; width:220px; border:0px solid red; visibility: visible; z-index: 7;">
              <div id="id3_inside">
                <div class="style9">
                  <h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle"> <a href="realisations/quatrem/quatrem.html"><img src="realisations/quatrem/quatremhome.jpg" width="77" height="130" border="0" /></a><br />
                  </h2>
                  <div align="justify">
                    <p>&nbsp;</p>
                    <div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:16; left: 14px; top: 133px; font-family: Arial, Helvetica, sans-serif;">Les Assurances Quatrem mettent leurs valeurs en musique avec <span class="style12">By Music</span>, qui cr&eacute;e une identit&eacute; sonore refl&ecirc;tant l'esprit d'&eacute;quipe et le professionnalisme de l'entreprise. <a href="realisations/quatrem/quatrem.html">Ecouter</a></div>
                    <p>&nbsp;</p>
                  </div>
                </div>
                <p></p>
              </div>
            </div>
            <div id="id0_outside" style="overflow:hidden; padding:5.0px; height:289px; left:70px; position:absolute; top:580px; width:220px; visibility: visible; z-index: 8;">
              <div id="id0_inside">
                <div class="style9">
                  <h2 align="center" style="padding-left:0px; line-height: 1.4em; font-size: 12px; color: #666666; font-weight:400;" #invalid_attr_id="middle"> <a href="realisations/yvesrocher/yvesrocher.html"><img src="realisations/yvesrocher/yvesrocherhome.jpg" width="83" height="127" border="0" title="monogrammeLV" /></a> </h2>
                  <div id="Layer3" style="position:absolute; width:200px; height:115px; z-index:16; left: 18px; top: 134px;">
                    <div align="justify" class="style13"><span class="style12">By Music</span> cr&eacute;e pour Yves Rocher une musique sur-mesure appliqu&eacute;e &agrave; la communication interactive con&ccedil;ue par nurun. On y retrouve les principales valeurs de la marque. <a href="realisations/yvesrocher/yvesrocher.html">Ecouter</a></div>
                  </div>
                  <div align="justify">
                    <p>&nbsp;</p>
                  </div>
                </div>
                <p></p>
              </div>
            </div>
            <div id="Layer6" style="position:absolute; width:200px; height:35px; z-index:11; left: 227px; top: 952px;">
              <div align="center"><span class="Style2 style13"><img src="VISUELS%20SITE/copyrightbymusic.jpg" width="124" height="15" align="baseline" /></span></div>
            </div>
            <div id="Layer5" style="position:absolute; width:200px; height:27px; z-index:10; left: 20px; top: 914px;">
              <div align="center">
                <p><img src="contact/files/page4_5_1.jpg" width="626" height="16" /></p>
              </div>
            </div>
          </div>
 
        </div>
 
 
	  </div>
 
    </div>
 
  </div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-684809-5";
urchinTracker();
</script>
</body>
 
</html>

**royto** · 15/03/2007, 13h22

deja tu es en XHTML 1.0 donc toutes tes balises et leurs attributs doivent être en mininuscule !!

donc pour tes metas ca donne

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	<meta name="keywords" content="identité sonore, design sonore, communication sonore, signature sonore, by music, bymusic, musique d'ambiance, attente musicale, logo sonore, marketing musical, sonorisation, marque sonore, logos musicaux, messages sonores, design musical, jingle, compositeur, publicité musique, création musicale, sound design, designer sonore, attente téléphonique, habillage musical, illustration sonore, boucle sonore, standard téléphonique, logo musical, musique corporate, marketing sonore, musique institutionnelle, musique libre de droits, musique d'entreprise, sonorisation d'espace de vente, mp3, charte sonore, musique, sonore, environnement sonore, marketing musical, fond sonore, musique d'attente, sonal, logo musical, designers sonores, identités sonores, jingles, BY MUSIC, son d'ambiance, diffusion musicale, architecture sonore, griffe musicale, sonic branding, répondeur, transert d'appel, composition musicale, musique à l'image, agence de design musical, musique et marque" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="robots" content="all" />
	<meta name="identifier-URL" content="http://www.bymusic.fr/" />
	<meta name="rating" content="General"/>
	<meta name="distribution" content="Global" />
	<meta name="Date-Creation-yyyymmdd" content="20060701" />
	<meta name="Date-Revision-yyyymmdd" content="20061016" />
	<meta name="revisit-after" content="30 Days" />
	<meta name="description" content="By Music est une agence spécialisée dans la création d'identité sonore des entreprises et des marques, allant du design sonore de jingle à la création de musiques dédiées à la publicité TV et radio" />
	<meta name="author" content="By Music" />
	<meta name="reply-to" content="sooukian@bymusic.fr" />
	<meta name="owner" content="sooukian@bymusic.fr" />
	<meta name="copyright" content="By Music" />

Ensuite il y a des balises qui n'existe plus en xhtml (font par exemple)
Tu as également des balises qui ont le même id alors qu'un id est unique !!!

**jonbymusic** · 15/03/2007, 15h50

à certains endroits de mon code, Dreamweaver me dit "Warning: missing "alt" attribute"

à quoi est-ce que cela correspond?

**MasterOfChakhaL** · 15/03/2007, 16h01

Cela signifie que si tu veux être valide, il te faut renseigner l'attribut alt pour toutes les balises img.

Il s'agit d'un texte alternatif qui sera affiché si pour une raison ou une autre, l'image ne peut pas être affiché (navigateur texte, problème avec le serveur...)

[W3C] Validation site W3C

HTML

Vue hybride

Discussions similaires

Partager

Partager