Recherche code HTML5

Version imprimable

Bonjour,

Je recherche un site (et/ou un blog) existant assez simple (ou éventuellement, un template) en HTML5 qui présente les balises HTML5 suivantes dans ses différentes div de sa structure, comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
        <head>
 
         </head>
         <body>
                <header>
                     <hgroup></hgroup>                 
                </header>
                <nav></nav>
                <section>
                         <article></article>       <aside></aside>
                               <figure><img ..../> </figure>
                         <article></article>       <aside> </aside>
                </section>
                <footer></footer>
       </body>
 
</html>

Même si elles n'y sont pas toutes, du moment qu'il y a les principales. Tout autre schéma semblable est bon aussi.
Si possible autre qu'un cms et qu'un blog.
Donc, je ne veux pas des balises comme : div id="header".

Merci beaucoup.

25/11/2016, 09h34
Invité
Bonjour,

perso, j'utilise de plus en plus ces balises HTML5 dans la création de mes sites,
associés néanmoins à des <div>, toujours d'actualité pour la mise en page !

Par contre, ça prend du temps (et donc de l'argent) de mettre à jour un site déjà existant.
Peu le font, ou y voient une quelconque utilité.

Les nouvelles balises HTML5 apportent surtout une information sémantique.

N.B.
- tu as oublié de mentionner <main>, <time>,... ;)
- la balise <hgroup> est dépréciée
25/11/2016, 17h58
AdmChiMay

Bonjour,

Beaucoup de ces nouvelles balises restent des "div", mais avec un rôle particulier. Tu utilises la nouvelle balise au lieu de déclarer une div possédant un "role=…"
Bon nombre de sites "classiques" te feront un topo des nouvelles balises, qui comme l'indique #jreaux62, apportent avant tout de la sémantique, et par là même des facilités de lecture et de recherche d'information avec des outils automatisés. Tu peux aussi chercher de l'information sur le sujet avec les termes de labels/balises ARIA et d'accessibilité.

Chez nous, on ne remet pas en cause les sites existants sauf refonte "lourde" officiellement prévue : un site reste "globalement" dans son standard de création d'origine tant que les mises à jour sont cosmétiques, mais chaque mise à jour doit se conformer au mieux avec les standards et recommandations du moment.
Par contre les nouveaux sites se doivent d'être intégralement à jour (charte de prise en compte de l'accessibilité oblige, référentiel RGAA dernière moûture), ce qui par exemple nous oblige à descendre un peu dans la génération de code de page faite par le couple Drupal/Bootstrap. Et là on comprend mieux pourquoi les anciens sites ne sont pas refondus (biscotte charge de travail) tant qu'une vraie évolution n'est pas nécessaire. Je parle bien entendu de sites qui dépassent en nombre de pages de très loin ce qu'on peut compter avec les doigts (pieds et mains confondus)