Validation W3C
Résolu
mailbox13630
Messages postés
127
Date d'inscription
Statut
Membre
Dernière intervention
-
mailbox13630 Messages postés 127 Date d'inscription Statut Membre Dernière intervention -
mailbox13630 Messages postés 127 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai appris sur le site du zéro qu'il fallait désormais noter les balises <br> ainsi: <br/>
Or, lors de la validation W3C, il est signalé que c'est une erreur et qu'il faut le noter <br>
Par conséquent, je suis en train de modifier toutes ces balises (ouf, je n'ai réalisé qu'une page pour l'instant ;-)
Par ailleurs, j'ai corrigé de nombreuses erreurs, mais il m'en reste que je ne parviens pas à corriger.
Au secour ;-D !
Voici le code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link rel="stylesheet" media="screen" type="text/css" title="stylecss" href="stylecss.css">
<title>Mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body id="body_accueil">
<div id="conteneur">
<div id="enhaut">
</div>
<div id="recherche">
<ul id="menuDeroulant">
<li>
<a href="#">Vie communale</a>
<ul class="sousMenu">
<li><a href=" " title="Conseil ">Conseil municipal</a></li>
<li><a href=" " title="Infos ">Infos communales</a></li>
</ul>
</li>
<li>
<a href="#">Vie locale</a>
<ul class="sousMenu">
<li><a href=" " title="Associations ">Associations</a></li>
<li><a href=" " title="Enseignement ">Enseignement</a></li>
<li><a href=" " title="Festivités">Festivités</a></li>
<li><a href=" " title="Actualités">Actualités</a></li>
</ul>
</li>
<li>
<a href=" ">Histoire</a>
</li>
<li>
<a href="#">Economie</a>
<ul class="sousMenu">
<li><a href=" " title="Présentation">Présentation</a></li>
<li><a href=" " title="Activités économiques ">Activités</a></li>
<li><a href=" " title="Acteurs économiques">Acteurs économiques</a></li>
<li><a href=" " title="L'agriculture ">Agriculture</a></li>
</ul>
</li>
<li>
<a href=" " title="Lien vers site">Tourisme</a>
</li>
</ul>
</div>
<div id="contenu">
<div id="centre">
<ul>
<li><em>MAIS ENCORE...</em><br><br></li>
<li> <a href=" " title="lien page d'accueil">Accueil</a></li>
<li> <a href=" " title="Météo" target="blank">Météo</a></li>
<li> <a href=" " title="Blog " target="blank">Blog </a></li>
<li> <a href=" " title="Album photos " target="blank">Album photos</a></li>
<li> <a href=" " title="Plan du site">Plan du site</a></li>
<li> <a href=" " title="Infos utiles " target="blank">Infos utiles</a></li>
<li> <a href=" " title="Contacts">Contact</a></li>
</ul>
<p>
<img src="ma photo" class="image_gauche" alt="titre accueil">
<blockquote>Blablabla</blockquote><br>
Blablabla
<object class="image_droite" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200">
<param name="movie" value="animation.swf">
<param name="quality" value="high">
<embed src="animation.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="160" height="200"></embed>
</object>Blablablablabla<br/><br/>
<h4 class="alignement_droite"> Signature<br/>
Blablabla</h4><br/>
<h6>class="alignement_droite">Blablabla</h6><br/>
</div>
</div>
</div>
<div id="clr"></div>
<div id="enbas"><h4 class="alignement_centre"><a href=" " title="Informations légales ">Informations légales</a></h4></div>
</body>
</html>
J'ai appris sur le site du zéro qu'il fallait désormais noter les balises <br> ainsi: <br/>
Or, lors de la validation W3C, il est signalé que c'est une erreur et qu'il faut le noter <br>
Par conséquent, je suis en train de modifier toutes ces balises (ouf, je n'ai réalisé qu'une page pour l'instant ;-)
Par ailleurs, j'ai corrigé de nombreuses erreurs, mais il m'en reste que je ne parviens pas à corriger.
Au secour ;-D !
Voici le code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link rel="stylesheet" media="screen" type="text/css" title="stylecss" href="stylecss.css">
<title>Mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body id="body_accueil">
<div id="conteneur">
<div id="enhaut">
</div>
<div id="recherche">
<ul id="menuDeroulant">
<li>
<a href="#">Vie communale</a>
<ul class="sousMenu">
<li><a href=" " title="Conseil ">Conseil municipal</a></li>
<li><a href=" " title="Infos ">Infos communales</a></li>
</ul>
</li>
<li>
<a href="#">Vie locale</a>
<ul class="sousMenu">
<li><a href=" " title="Associations ">Associations</a></li>
<li><a href=" " title="Enseignement ">Enseignement</a></li>
<li><a href=" " title="Festivités">Festivités</a></li>
<li><a href=" " title="Actualités">Actualités</a></li>
</ul>
</li>
<li>
<a href=" ">Histoire</a>
</li>
<li>
<a href="#">Economie</a>
<ul class="sousMenu">
<li><a href=" " title="Présentation">Présentation</a></li>
<li><a href=" " title="Activités économiques ">Activités</a></li>
<li><a href=" " title="Acteurs économiques">Acteurs économiques</a></li>
<li><a href=" " title="L'agriculture ">Agriculture</a></li>
</ul>
</li>
<li>
<a href=" " title="Lien vers site">Tourisme</a>
</li>
</ul>
</div>
<div id="contenu">
<div id="centre">
<ul>
<li><em>MAIS ENCORE...</em><br><br></li>
<li> <a href=" " title="lien page d'accueil">Accueil</a></li>
<li> <a href=" " title="Météo" target="blank">Météo</a></li>
<li> <a href=" " title="Blog " target="blank">Blog </a></li>
<li> <a href=" " title="Album photos " target="blank">Album photos</a></li>
<li> <a href=" " title="Plan du site">Plan du site</a></li>
<li> <a href=" " title="Infos utiles " target="blank">Infos utiles</a></li>
<li> <a href=" " title="Contacts">Contact</a></li>
</ul>
<p>
<img src="ma photo" class="image_gauche" alt="titre accueil">
<blockquote>Blablabla</blockquote><br>
Blablabla
<object class="image_droite" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200">
<param name="movie" value="animation.swf">
<param name="quality" value="high">
<embed src="animation.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="160" height="200"></embed>
</object>Blablablablabla<br/><br/>
<h4 class="alignement_droite"> Signature<br/>
Blablabla</h4><br/>
<h6>class="alignement_droite">Blablabla</h6><br/>
</div>
</div>
</div>
<div id="clr"></div>
<div id="enbas"><h4 class="alignement_centre"><a href=" " title="Informations légales ">Informations légales</a></h4></div>
</body>
</html>
A voir également:
- Validation W3C
- Pb retour sur site marchand après validation du paiement - Forum Consommation & Internet
- Excel validation des données liste - Guide
- Temps validation annonce le bon coin - Forum Réseaux sociaux
- Commande en cours de validation fnac - Forum Réseaux sociaux
- Commande Fnac en attente d’acceptation ✓ - Forum Consommation & Internet
2 réponses
bonsoir,
il ne faut pas mettre <br/> mais <br />
pour les modifier plus rapidement peut utiliser notepad++ tu as une fonction remplacer dedans qui permet de remplacer dans tout les document ouvert
recherche / remplacer
ou Ctrl + H
il ne faut pas mettre <br/> mais <br />
pour les modifier plus rapidement peut utiliser notepad++ tu as une fonction remplacer dedans qui permet de remplacer dans tout les document ouvert
recherche / remplacer
ou Ctrl + H
Il me semble qu'il vaut mieux utiliser la DTD Strict au lieu de Loose...
J'ai essayé les deux, davantage d'erreurs avec le strict.
Je suis parvenue à corriger "presque" toutes les fautes avec le transitional.
Les seules qu'il reste concerne l'intégration d'un objet flash dont voici le code:
<object class="image_droite" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200">
<param name="movie" value="http://www.animation.swf"/>
<param name="quality" value="high"/>
<embed src="http://www.animation.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="160" height="200"></embed>
</object>
Voici les messages du validateur W3C:
Attribute "src" exists, but can not be used for this element.
Attribute "quality" is not a valid attribute
Attribute "pluginspage" is not a valid attribute
Attribute "type" exists, but can not be used for this element.
Attribute "width" exists, but can not be used for this element.
Attribute "height" exists, but can not be used for this element.
Element "embed" undefined. Did you mean "meta" or "em"?
Bon...euh...je fais comment pour intégrer un objet swf de façon valide pour le W3C?
Merci d'avance,
Je suis parvenue à corriger "presque" toutes les fautes avec le transitional.
Les seules qu'il reste concerne l'intégration d'un objet flash dont voici le code:
<object class="image_droite" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200">
<param name="movie" value="http://www.animation.swf"/>
<param name="quality" value="high"/>
<embed src="http://www.animation.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="160" height="200"></embed>
</object>
Voici les messages du validateur W3C:
Attribute "src" exists, but can not be used for this element.
Attribute "quality" is not a valid attribute
Attribute "pluginspage" is not a valid attribute
Attribute "type" exists, but can not be used for this element.
Attribute "width" exists, but can not be used for this element.
Attribute "height" exists, but can not be used for this element.
Element "embed" undefined. Did you mean "meta" or "em"?
Bon...euh...je fais comment pour intégrer un objet swf de façon valide pour le W3C?
Merci d'avance,
J'ai trouvé la réponse sur le site d'Alsacreations:
Pour ceux que ça peut intéresser:
<object id="droite" type="application/x-shockwave-flash" data="http://www.animation.swf" width="200" height="200">
<param name="movie" value="http://www.animation.swf" />
<param name="wmode" value="transparent" />
<p>Nom de la vidéo</p>
</object>
W3C ok
Enfin!!
Pour ceux que ça peut intéresser:
<object id="droite" type="application/x-shockwave-flash" data="http://www.animation.swf" width="200" height="200">
<param name="movie" value="http://www.animation.swf" />
<param name="wmode" value="transparent" />
<p>Nom de la vidéo</p>
</object>
W3C ok
Enfin!!