HTML 5 Strukturvariablen Demo

StackOverflow https://stackoverflow.com/questions/2616579

  •  26-09-2019
  •  | 
  •  

Frage

ich kann nicht Demo von Strukturvariablen <header> finden, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html Hier, so etwas wie diese, aber mit jedem Elemente hervorgehoben Bitte, Hilfe

War es hilfreich?

Lösung 2

WT ... ICH FINDE DAS!!! http://netstream.ru/htmlsamples/html5-blog/index.html Hier, das ist georgeous !!!

Andere Tipps

ein guter Artikel auf Liste gibt auseinander (wie üblich): http://www.alistapart.com/articles/previewofhtml5

Für eine einfache Struktur, es ist posible einzuschließen ‚Artikel‘ und ‚beiseite‘ in einem ‚Abschnitt‘, aber diese nicht zwingend erforderlich, wenn Sie nur einen 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 sind sehr flexibles sie sind an einem Ort nicht festgelegt, 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>

Zwei große Ressourcen sind HTML5 Doktor und HTML5 Gallery . Sie bieten detaillierte Artikel auf, wie neue HTML5-Tags verwenden und Beispiele von Websites mit ihnen sind.

Die Post oben ist richtig, aber die Navigationsinstrumente sollten die <nav>-Tag verwenden, dass mehr semantische Code. (Hinweis: Verwenden Sie nicht den Abschnitt Tag für einen globalen Container, Verwendung <div id="main"> oder sogar <body> mit dem neu angeordneten 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 bester Weg,

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top