i-Demo von Struktur-Tags nicht kann <header> finden, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html hier so etwas, aber mit Bitte jedem Elemente hervorgehoben,HTML 5 Strukturvariablen Demo
WT ... ICH FINDEN DIESES !!! http://netstream.ru/htmlsamples/html5-blog/index.html Hier ist dies wunderschön !!!
Zwei große Hilfe Ressourcen sind HTML5 Doctor und HTML5 Gallery. Sie bieten detaillierte Artikel zur Verwendung neuer HTML5-Tags bzw. Beispiele für Websites, die diese verwenden.
http://www.brucelawson.co.uk/tests/html5-elements.html Hier, so etwas, aber mit hervorgehobenen der einzelnen Elemente –
Es gibt einen guten Artikel auf Liste auseinander (wie üblich): http://www.alistapart.com/articles/previewofhtml5
Für eine einfache Struktur, dann ist es posible ‚Artikel‘ und ‚beiseite‘ in einem ‚Abschnitt‘ einzuschließen, aber diese nicht zwingend notwendig, wenn Sie nur ein Abschnitt.
Zum Beispiel:
<header>...</header>
<section>
<article>...</article>
<aside>...</aside>
</section>
<footer>...</footer>
ist die gleiche als:
<header>...</header>
<article>...</article>
<aside>...</aside>>
<footer>...</footer>
Aber wie diese Tags sehr flexibles sind sie nicht an einem Ort fixiert, zum Beispiel:
<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>
Der obige Beitrag ist korrekt, aber die Navigationswerkzeuge sollten das <nav> Tag verwenden, das ist mehr se Mantischer Code. (Anmerkung: nicht den Abschnitt Tag für einen globalen Container verwenden, verwenden <div id="main"> oder sogar <body> mit dem neu angeordnet Kopf- und Fußzeile):
<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>
Einführung mit html5 ist am besten Weg
„In dieser Demo“ - Welche Demo? – Jonas
demo = Beispiel für HTML 5 Seite :) –
Hier ist, warum HTML ist großartig: Sie können sein Beispiel kopieren, fügen Sie es in einen Texteditor, speichern Sie es als "test.html", fügen Wasser hinzu, dann öffnen Sie es in Ihrem Browser. Sofortige Demo! –