je ne peux pas trouver démo de balises de structure <header>, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html Ici, quelque chose comme ça, mais avec des éléments mis en évidence de chaque S'il vous plaît, aiderHTML 5 balises Structure démo
WT ... JE TROUVE CE !!! http://netstream.ru/htmlsamples/html5-blog/index.html Ici, c'est magnifique !!!
Deux grands les ressources sont HTML5 Doctor et HTML5 Gallery. Ils proposent des articles détaillés sur l'utilisation des nouveaux tags HTML5 et des exemples de sites les utilisant, respectivement.
http://www.brucelawson.co.uk/tests/html5-elements.html Ici, quelque chose comme ça, mais avec en surbrillance de chaque élément –
Il un bon article à la liste à part (comme d'habitude): http://www.alistapart.com/articles/previewofhtml5
Pour une structure simple, il est posible de joindre « article » et « à part » dans une « section » mais pas obligatoire si vous avez une seule section.
Par exemple:
<header>...</header>
<section>
<article>...</article>
<aside>...</aside>
</section>
<footer>...</footer>
est le même que:
<header>...</header>
<article>...</article>
<aside>...</aside>>
<footer>...</footer>
Mais comme cette balises sont très flexibles, ils ne sont pas fixés à un seul endroit, par exemple:
<header>...</header>
<section>
<header>...</header>
<nav>...</nav>
<aside id="navbar1">...</aside>
<article>
<header>...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>
</article>
<aside id="navbar2">...</aside>
<footer>
</footer>
</section>
</section>...</section>
<nav>...<nav>
<footer>...</footer>
Le message ci-dessus est correct, mais les outils de navigation doivent utiliser l'étiquette <nav>, c'est-à-dire plus code mantic. (note: ne pas utiliser la balise de section pour un conteneur global, utilisez <div id="main"> ou même <body> avec l'en-tête réarrangé et pied de page):
<header>...</header>
<div id="main">
<header>...</header>
<nav>...</nav>
<aside class="nav_container">
<nav id="navbar1">...<nav>
</aside>
<article>
<header>...</header>
<section>...</section>
<aside>...</aside>
<footer>...</footer>
</article>
<aside class="nav_container">
<nav id="navbar2">...<nav>
</aside>
<footer>
</footer>
</div>
</section>...</section>
<nav>...<nav>
<footer>...</footer>
Présentation avec html5 est la meilleure façon
« Dans cette démo » - Quelle démo? – Jonas
demo = exemple de html 5 page :) –
Voici pourquoi HTML est génial: vous pouvez copier son exemple, le coller dans un éditeur de texte, l'enregistrer comme "test.html", ajouter de l'eau, puis l'ouvrir dans votre navigateur. Démo instantanée! –