no puedo encontrar demo de etiquetas de estructura <header>, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html Aquí, algo como esto, pero con relieve de cada elemento Por favor, ayudar aHTML 5 variables de estructura de demostración
WT ... ENCUENTRO ESTO !!! http://netstream.ru/htmlsamples/html5-blog/index.html Aquí, esto es precioso!
Dos grandes los recursos son HTML5 Doctor y HTML5 Gallery. Ofrecen artículos detallados sobre cómo usar nuevas etiquetas HTML5 y ejemplos de sitios que las usan, respectivamente.
http://www.brucelawson.co.uk/tests/html5-elements.html Aquí, algo como esto, pero con resaltado de cada elemento –
Hay un buen artículo en la lista aparte (como es habitual): http://www.alistapart.com/articles/previewofhtml5
Para una estructura simple, es Posible para encerrar 'artículo' y 'de lado' dentro de una 'sección', pero esto no es obligatorio si usted tiene solo una sección
Por ejemplo:
<header>...</header>
<section>
<article>...</article>
<aside>...</aside>
</section>
<footer>...</footer>
es lo mismo que:
<header>...</header>
<article>...</article>
<aside>...</aside>>
<footer>...</footer>
pero como este las etiquetas son muy flexibles que no están fijados a un solo lugar, por ejemplo:
<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>
La publicación anterior es correcta, pero las herramientas de navegación deben usar la etiqueta <nav>, que es más se código mantic (nota: no utilice la etiqueta de sección de un contenedor global, utilice <div id="main"> o incluso <body> con el encabezado y pie de página reordenado):
<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>
Introducción a HTML5 es mejor manera
"En esta demo" - ¿Qué demo? – Jonas
demo = ejemplo de página html 5 :) –
He aquí por qué HTML es genial: puede copiar su ejemplo, pegarlo en un editor de texto, guardarlo como "test.html", agregar agua, luego ábralo en su navegador. Demostración instantánea! –