Problème validation XHTML erreurs sur code so

Fermé
saperlipopat Messages postés 1 Date d'inscription jeudi 16 février 2012 Statut Membre Dernière intervention 16 février 2012 - 16 févr. 2012 à 18:25
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 23 avril 2012 à 11:13
Bonjour à tous

J'ai un petit souci concernant la validation de mon code avec W3C.
Pour information ce code correspond à la création d'un thème Wordpress.

Voici la copie du code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">

<title>quetalche » Un site utilisant WordPress</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="WordPress 3.3.1" />
<!-- leave this for stats -->
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/Creation Theme/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost/wordpress/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://localhost/wordpress/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://localhost/wordpress/?feed=atom" />
<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" /><link rel='stylesheet' id='admin-bar-css' href='http://localhost/wordpress/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.3.1" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>

<link rel='archives' title='février 2012' href='http://localhost/wordpress/?m=201202' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.3.1" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>

</head>
<body>

<div id="page">

<div id="header">

<h1><a href="http://localhost/wordpress">quetalche</a></h1>
Un site utilisant WordPress
</div>
<!-- ouvrir header,php-->
<p class="postmetadata">

15 février 2012 par Catégorie: <a href="http://localhost/wordpress/?cat=1" title="Voir tous les articles dans Non classé" rel="category">Non classé</a> <a href="http://localhost/wordpress/?p=1#comments" title="Commentaire sur Bonjour tout le monde !">2 Commentaires</a> | <a class="post-edit-link" href="http://localhost/wordpress/wp-admin/post.php?post=1&action=edit" title="Modifier l’article">Editer</a>
</p>
<div id="content">
<div class="post" id="post-3">
<h2><a href="http://localhost/wordpress/?p=1" title="Bonjour tout le monde !">Bonjour tout le monde !</a></h2>
<div class="post_content">
<p>Bienvenue dans WordPress. Ceci est votre premier article. Modifiez-le ou supprimez-le, puis lancez-vous !FGGYUUII</p>
<ol>
<li>AEERDRCCBV</li>
<li>«  »</li>
<li>eesdfgg</li>
<li>rttyuiinbb</li>
<li>tthhgfdede</li>
<li>rtt-èèèu</li>
<li>(rrdsde »</li>
<li>ttyujj</li>
<li>rffddss</li>
<li>err</li>
<li>r</li>
<li>r</li>
<li>r</li>
<li>f</li>
<li>f</li>
<li>g</li>
<li>gyy</li>
</ol>
<p>a</p>
<p>aa</p>
<p>z</p>
<p>z</p>
<p>e</p>
<p>ee</p>
<p>r</p>
<p>r</p>
<p> </p>
<p>t</p>
<p>t</p>
<p>tt</p>
<p>y</p>
<p>y</p>
<p>y</p>
<p>yy</p>
<p>u</p>
<p>ui</p>
<p>i</p>
<p>i</p>
<p>oo</p>
<p>iu</p>
<p> </p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>gg</p>
<p>g</p>
<p>h</p>
<p>y</p>
<p>y</p>
<p>ytytttttttttttttttttttttttttttttttt</p>
<p>ttttttttttttttttttttttttttttttttttttttttttttttttttttttttt</p>
<p> </p>
<p>t</p>
<p>tt</p>
<p>tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt</p>
<p> </p>
<p>t</p>
<p>t</p>
<p>t</p>
<p> </p>
<p> </p>
<p>AAZZERYGHFHH</p>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
</div>
</div>
<div class="navigation">
</div>
</div>
<div class="sidebar">

<ul>


<li id="search"><form method="get" id="searchform" action="http://localhost/wordpress/">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Chercher" />
</div>
</form></li>
<li id="calendar"><h2>Calendrier</h2>

<table id="wp-calendar">
<caption>février 2012</caption>
<thead>
<tr>
<th scope="col" title="Lundi">L</th>
<th scope="col" title="Mardi">Ma</th>
<th scope="col" title="Mercredi">Me</th>
<th scope="col" title="Jeudi">J</th>
<th scope="col" title="Vendredi">V</th>
<th scope="col" title="Samedi">S</th>
<th scope="col" title="Dimanche">D</th>
</tr>
</thead>

<tfoot>
<tr>
<td colspan="3" id="prev" class="pad"> </td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>

<tbody>
<tr>
<td colspan="2" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td>
</tr>
<tr>
<td>13</td><td>14</td><td><a href="http://localhost/wordpress/?m=20120215" title="Bonjour tout le monde !">15</a></td><td id="today">16</td><td>17</td><td>18</td><td>19</td>
</tr>
<tr>
<td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td>
</tr>
<tr>
<td>27</td><td>28</td><td>29</td>
<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>
</li>
<li><h2>Categories</h2>

<ul>
<li class="cat-item cat-item-1"><a href="http://localhost/wordpress/?cat=1" title="Voir tous les articles classés dans Non classé">Non classé</a> (1)
</li>
</ul>

</li>
<li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://localhost/wordpress/?page_id=2">Page d’exemple</a></li>
</ul></li><li><h2>Archives</h2>

<ul>
<li><a href='http://localhost/wordpress/?m=201202' title='février 2012'>février 2012</a></li>

</ul>
</li>
<li id="linkcat-2" class="linkcat"><h2>Liens</h2>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback/">Suggest Ideas</a></li>
<li><a href="https://wordpress.org/support/">Support Forum</a></li>
<li><a href="https://wordpress.org/themes/">Themes</a></li>
<li><a href="https://wordpress.org/news/">WordPress Blog</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

</ul>
</li>
<li><h2>Infos Meta</h2>

<ul>
<li><a href="http://localhost/wordpress/wp-admin/">Admin. du Site</a></li> <li><a href="http://localhost/wordpress/wp-login.php?action=logout&_wpnonce=bc67256bc5">Déconnexion</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML valide</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="https://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="https://wpfr.net/" title="Communaut? fran?aise de WordPress et WPmu.">WordPress Francophone</a></li>

</ul>
</li>
<li><h2>Abonnez-vous au blog !</h2>

<ul>

<li><a href="http://localhost/wordpress/?feed=rss2" title="Flux RSS des articles">Flux RSS des articles</a></li>
<li><a href="http://localhost/wordpress/?feed=comments-rss2" title="Flux RSS des commentaires">Flux RSS des commentaires</a></li>

</ul>
</li>
</ul>
</div><div id="footer">
<p>
Copyright © 2012 quetalche<br />
Blog propulse par <a href="https://wordpress.org/">WordPress</a> et conçu par <a href="http://www.fran6art.com">Fran6art</a>
<br />
<a href="feed:http://localhost/wordpress/?feed=rss2">Articles (RSS)</a> et <a href="feed:http://localhost/wordpress/?feed=comments-rss2">Commentaires (RSS)</a>.
22 requetes. 0,253 secondes.
</p>
</div></body>
</html>


** Selon W3C il y a 1 erreur et 1 warning, les voici :


- Line 237, column 13 : end tag for "div" omitted, but OMITTAG no was specified

</div></body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">"


- Line 39, column 5 : start tag was here

<div id="page">

Je suis un peu perdu pour trouver la solution, j'ai suivi un bon tuto pour la création
du thème wordpress avec succès jusque là mais ici je suis coincé,

D'avance merci pour votre aide qui sera la bienvenue!!

Saper




























A voir également:

2 réponses

ton DIV #page n'est pas fermé ;)

ajoute un </div> à la fin, de cette façon
</div></div></body>


Celui déjà présent ferme le DIV #footer
0
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
23 avril 2012 à 11:13
Bonjour,

1) QUESTION: pourquoi tenez-vous tant à faire "valider" le code HTML en XHTML???

2) REPONSE: utilisez un DOCTYPE simplifié comme ceci:

<!DOCTYPE html>


C'est de DOCTYPE qui est valide pour HTML 4.X -> HTML5

c'est à dire que si vous employez ce DOCTYPE vous indiquez au navigateur que votre code HTML n'est pas forcément strictement conforme XHTML et peut contenir des éléments HTML5 (pas obligatoire). Et ça marchera sans générer d'erreurs de validation hormis les erreurs flagrantes.

Personnellement j'utilise comme IDE Netbeans 7.1 qui signale les erreurs HTML et prend en compte les éléments HTML5.

A+
0