5568 sujets

Sémantique web et HTML

[Résolu] Validation The W3C, erreur tenace...

Bonjour,

J'ai regardé la validation de mon Site sur http://validator.w3.org

Il me met 20 erreurs. Une partie des erreurs semble venir de 2 plugin activés sur mon Site Wordpress. Bref, je pense que celles-là j'aurais du mal à les corriger...

Les autres proviennent de mon template sidebar.php. se sont toujours les mêmes types d'erreurs :
- type : <li id="categories"><h2>Categories</h2>

Il semble que les balises <li> ne peuvent être suivi de <h2> notamment, ou que le <span> ne puisse précéder une <li>... bref je trouve ça bizarre, car je pensais cela autorisé ? Que faut-il que je fasse pour éliminer ces erreurs ?

L'adresse de mon Site : http://meserrancesculturelles.olympe.in

Et voici le code de ma Sidebar :

<div class="sidebar">
<ul>
	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
	<span id="listepage"><?php wp_list_pages('title_li=<h2>Pages</h2>'); ?></span>
    <li id="categories"><h2>Categories</h2>
		<ul>
			<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
		</ul>
	</li>
	<li id="search"><?php include(TEMPLATEPATH . '/searchform.php'); ?></li>
    <li id="flux"><h2>Suivre le blog</h2>
		<ul>
			<li><a href="<?php bloginfo('rss2_url'); ?>" title="Flux RSS des articles" id="rss"></a><a href="<?php bloginfo('rss2_url'); ?>" title="Flux RSS des articles">Flux RSS articles</a></li>
			<!-- <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="Flux RSS des commentaires">RSS commentaires</a></li> -->
			</ul>
            </li>
    <li id="logo"><h2>Où je suis</h2>
    	<ul>
        <li><a href="http://www.senscritique.com/karaziel" title="mon profil sens critique" target="_blank" id="logo2"></a></li>
        <li><a href="http://www.babelio.com/monprofil.php?id_user=93641" title="mon profil Babelio" target="_blank" id="logo3"></a></li>
  		</ul>
        </li>
    <li><h2>Archives</h2>
		<ul><?php wp_get_archives( array( 'type' => 'monthly', 'show_post_count' => true, )); ?></ul>
	</li>
   <!-- <?php get_links_list(); ?> -->
   <!-- <li><h2>Infos Meta</h2>
	<ul>
	<?php wp_register(); ?>
		<li><?php wp_loginout(); ?></li>
		<?php wp_meta(); ?>
	</ul>
	</li>-->
<?php endif; ?>
</ul>
</div>


Tout aide est le bien venu, merci !
Cordialement,

Karaziel
Modifié par karaziel (10 Jun 2014 - 10:22)
Modérateur
Salut,

karaziel a écrit :
....

Il semble que les balises &lt;li&gt; ne peuvent être suivi de &lt;h2&gt; notamment, ou que le &lt;span&gt; ne puisse précéder une &lt;li&gt;...


Faux !

Par contre, cette écriture est fausse : 

<ul>
    <span></span>
    <li></li>
</ul>


L'éléùment UL ou OL n'a qu'un seul type d'élément enfant : LI Smiley cligne
Modifié par niuxe (09 Jun 2014 - 13:55)
Je me doutais pour le <span> d'ailleurs j'ai essayé ce matin de l'enlever, mais mon design en souffre... donc faut que je réessaye encore pour trouver une solution !

Sinon pour les <h2> cela me semblait aussi bon, alors pourquoi le Validator W3 met a chacun une non-validité ?
Serait-ce à cause de la <span> en début de liste ?
Modérateur
karaziel a écrit :
...
Sinon pour les &lt;h2&gt; cela me semblait aussi bon, alors pourquoi le Validator W3 met a chacun une non-validité ?
Serait-ce à cause de la &lt;span&gt; en début de liste ?

exact

document valide :

<!doctype html>
<!--[if lte IE 7]> <html class="no-js ie67 ie678" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 ie678" lang="fr"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="fr"> <![endif]-->
<!--[if gt IE 9]> <!--><html class="no-js" lang="fr"> <!--<![endif]-->
<head>
		<meta charset="UTF-8">
		<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
		<title>J'aime Schnaps.it</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!--[if lt IE 9]>
		<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link rel="stylesheet" href="css/knacss.css" media="all">
		<link rel="stylesheet" href="css/styles.css" media="all">
</head>
<body>
	<ul><li><h2>kjkljk</h2></li></ul>
</body>
</html>
Je clôture la sujet : j’ai réussi à me passer de la balise <span> et les 9 erreurs de mon thème sont résolues... les seules erreurs qui restent viennent de mes 2 plugins...


Merci Niuxe pour l'indication !
Modifié par karaziel (10 Jun 2014 - 10:26)
Sujet clos
Aller à