bonjour à tous,
je souhaiterais avoir des avis sur un modèle de structuration de document html. Il ne s'agit bien sur que de la structuration générale.
Voici le code :
Si celà vous inspire des commentaires
merci
je souhaiterais avoir des avis sur un modèle de structuration de document html. Il ne s'agit bien sur que de la structuration générale.
Voici le code :
<body>
<h1 id="titre_access">Préambule d'accessibilité</h1>
<dl id="access">
<dt>Divers outils</dt>
<dd>
<a href="?voirplan=oui" id="top" title="Consulter le menu complet du site (raccourci = 1)." accesskey="1">Plan du site</a> <span class="aklegend">(Accesskey = 1)</span>
</dd>
<dd>
<a href="?listraccourcis=oui" accesskey="2" title="Aide mémoire des raccourcis clavier (raccourci = 2).">Raccourcis</a> <span class="aklegend">(Accesskey = 2)
</span>
</dd>
<dd>
<a href="?selectmep=oui" accesskey="3" title="Simplifier la mise en page ou revenir au design d'origine (raccourci = 3).">Mise en page</a> <span class="aklegend">(Accesskey = 3)</span>
</dd>
<dd>
<a href="access.php" title="Rubrique d'aide à la navigation (raccourci = 4)." accesskey="4">Accessibilité</a> <span class="aklegend">(Accesskey = 4)</span>
</dd>
</dl>
<dl id="direct">
<dt>Liens d'accès direct</dt>
<dd><a href="#menu_link1" accesskey="8" class="direct">Aller au menu</a> <span class="aklegend">(Accesskey = 8)</span></dd>
<dd><a href="#contenu" accesskey="9" class="direct">Aller au contenu</a> <span class="aklegend">(Accesskey = 9)</span></dd>
</dl>
<hr />
<h1>
<p>
<a href="/" title="Retour à la page d'accueil">Nom du site (ou image logo)</a>
</p>
<p>
Spécification page en cours
</p>
</h1>
<hr />
<div id="page">
<p id="ariane">
Vous êtes ici : <a href="/" id="contenu" accesskey="0">Accueil</a> <span class="aklegend">(Accesskey = 0)</span> >> etc... >> etc...
</p>
<h2>titre de niveau 2</h2>
<p>. . .</p>
<p>Contenu de la page</p>
<p>. . . </p>
<div id="focus_access"><a href="#top">haut</a></div>
</div>
<hr />
<h1 id="titremenu">Menus</h1>
<dl id="menu1">
<dt>Menu 1</dt>
<dd>
<a href="?" id="menu_link1" title="commentaire sur le lien 1.1">lien 1.1</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 1.2">lien 1.2</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 1.3">lien 1.3</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 1.4">lien 1.4</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 1.5">lien 1.5</a>
</dd>
</dl>
<dl id="menu2">
<dt>Menu 2</dt>
<dd>
<a href="?" title="commentaire sur le lien 2.1">lien 2.1</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 2.2">lien 2.2</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 2.3">lien 2.3</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 2.4">lien 2.4</a>
</dd>
<dd>
<a href="?" title="commentaire sur le lien 2.5">lien 2.5</a>
</dd>
</dl>
<hr />
<dl id="menu_annexe1">
<dt>Liens complémentaires</dt>
<dd>
<a href="#" acceskey="5" title="Pour vos questions.">E-mail</a>
</dd>
<dd>
<a href="#" title="Informations sur les techniques de réalisation de ce site.">infos site</a>
</dd>
<dd>
<a href="#" title="Si vous souhaitez échanger avec d'autres.">forum</a>
</dd>
</dl>
<hr />
<p id="validateur">
Validateurs : <a href="http://validator.w3.org/check?uri=referer" title="validation XHTML par le W3C">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer" title="validation des feuilles de style par le W3C">CSS</a> - <a href="http://www.acces-pour-tous.net/validateur/validateur.php?logo=valide" title="validation par le site acces pour tous">Accès pour tous</a>
</p>
</body>
Si celà vous inspire des commentaires
merci
