structure d`un document html5
Transcription
structure d`un document html5
STRUCTURE D’UN DOCUMENT HTML5 version : v1.1 - 01/10/2010 <!DOCTYPE html> <html lang="fr"> <head> <title>Structure d’un document HTML5</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta name="keywords" content="..." /> </head> <body> erreur de code et notes http://dev.w3.org/html5/spec/Overview.html WAI-ARIA http://www.w3.org/TR/wai-aria/ <header id=”mainheader” class=“branding” role=“banner” > <hgroup> <h1>Le titre de mon site<h1> <p>hgroup sert à regrouper des titres de niveau Hn et des métas, ne pas mettre de texte ici...</p> </hgroup> <p>Texte introductif</p> <h1>Le titre de mon site<h1> </header> <nav id=”main” role=“navigation” > <ul> <li><a href=“#”>...</a></li> </ul> </nav> (contenu relatif à la page) <section id=”section-main” role=“main”> <aside id=”sidebar-1” role=“complementary”> <header> <h1 class=”entry-title”>...</h1> date de l’article : <time datetime="2010-09-1">1 sept. 2010</time> </header> <h1>Mes liens</h1> <h2>Archives</2> <nav> </nav> <article class=”hentry” role=”main”> <h1>Titre niveau 1 déja cité dans la section en cours </h1> <h2>Titre pour mon bloc de texte</h2> <figure> <figcaption>Légende des médias</figcaption> <p>Je mets dans figure : image, son, video, chart, canvas, stats ...</p> </figure> <div class=”block”><p>Mon contenu texte ici....</p></div> <aside> (contenu relatif à l’article) <p>Informations complémentaires à l’article, cela peut-être des ....... <h2>Blogroll</2> <nav> </nav> ....... <h2>Notes...</2> <div class=”block”> <p>Mon contenu texte ici....</p> </div> <aside> citations ou des annotations de bas de page...</p> </aside> </article> <aside> <h2>Les commentaires ...</h2> <article id=”commentaire-1”> <p class=”mycomment”>Commentaires ....</p> </article> <article id=”commentaire-2”> <p class=”mycomment”>Commentaires ....</p> </article> </aside> <footer> <div><p> autres infos.....</p></div> </footer> </section> <section id=”autres-infos”> (contenu non relatif à la section principale) <header> <h1 class=”entry-title”>...</h1> </header> <article> ....... </article> <footer> ....... </footer> </section> <footer role=“contentinfo”> <div autres infos.....</div> </footer> </body> </html> © vectorSKIN.com 2010 - Tous droits réservés - http://www.vectorskin.com/