Version complète: sur le forum Webmaster Hub : [PROB] Validation de mon code xhtml!
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Buliwyf
Bonjours tongue.gif

Voila, j'ai un petit probleme avec mon code xhtml.
Quand je veux le valider, j'ai deux erreurs evil.gif , mais je n'arrive pas à les comprendre.

Les voilà :

1- Line 12, column 25: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

<p class="logo"><img src=typo.gif width="195" height="86"/></p>

2- Line 12, column 58: required attribute "alt" not specified

<p class="logo"><img src=typo.gif width="195" height="86"/></p>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.


---------------------------------------------------------------------------------------------

J'ai regardé les articles pour passer du html au xhtml, mais je n'ai pas bien compris mes erreurs.
Pourtant j'ai bien fermé la balise <img>

C'est pourquoi je demande votre aide. Et si possibles des explications smile.gif

Merci de votre aide.

PS: C'est la premiere fois que je poste sur ce forum et il est vraiment :up:
J'apprend vraiment plein de tru grace à vous wink.gif
Loupilo
Bon, ouvre bien grand tes oreilles wink.gif

CODE
<p class="logo"><img src=typo.gif width="195" height="86"/></p>


Et ben alors, on ne met pas les guillemets ?
C'est devenu obligatoire en Xhtml ! donc tu dois encadrer le nom de tes fichiers de guillemets, comme pour les autres attributs.


CODE
<p class="logo"><img src=typo.gif width="195" height="86"/></p>


Et l'attribut 'alt' ? Tu l'as oublié wink.gif ! Il sert à fournir un texte alternatif à l'image. Ainsi, les utilisateurs dont le navigateur n'affichera pas cette image, quelque qu'en soit la raison, verront de quoi elle parle, ce qu'elle représente. Cet attribut est obligatoire, il est de plus très important.


Donc ton code corrigé devient :

CODE
<p class="logo"><img src="typo.gif" width="195" height="86" alt="Typographie"/></p>


Bien sur, met ce que tu veux dans l'attribut ALT, mais il faut que ça puisse avoir un sens pour une personne qui ne voit pas l'image, par exemple un : "Belle image" est ridicule, vu que la personne ne voit pas l'image. Il faut mettre par exemple : "Pont chinois sur la Seine" (oui bon d'accord, exemple bidon tongue.gif wink.gif )...
Je suis compréhensible huh.gif ?

++ wink.gif
Nudrema
J'aurais plutôt dit d'ouvrir ses yeux wink.gif

Sinon, bon, c'est vrai que le message associé à la première erreur est assez ésotérique, mais en ce qui concerne la deuxième, il dit bien à deux reprises (mais en anglais, je te l'accorde) que l'attribut alt est requis dans le cas d'une balise <img> smile.gif

Donc un peu plus d'attention et c'est gagné wink.gif
Qui se lance dans la traduction du validateur ? huh.gif
Loupilo
Il est déjà traduit Nudrema wink.gif

Mais surement au dam de Dan, car ce n'est pas celui du WDG qui est traduit mais celui du W3C...


++
Buliwyf
Salut

Bon deja, merci de votre aide pour des erreurs, qui maintenant que vous me les avait expliqué, me parraissent vraiment debile angry.gif

Je fait vraiment pas gaf!!

Sinon pour le alt, je l'ai bien vu, mais je ne savais pas qu'on était obligé de le mettre.

Merci encore :up:
MissMonde
juste pour compléter :

le "alt" est obligatoire pour toutes les images, même celles qui servent pour le graphisme et n'ont donc pas besoin d'explication texte.

dans ce cas, il faut mettre les guillemets sans rien dedans.
Lurch
CITATION(Buliwyf @ samedi 12 juin 2004, 21:01)
<p class="logo"><img src=typo.gif width="195" height="86"/></p>

<p class="logo"><img src=typo.gif width="195" height="86"/></p>

Il n'y a pas aussi obligation de mettre une unité (px) aux valeurs de width et eight ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.