it-swarm.com.de

Wo ziehen Sie die Linie mit den neuen HTML5-Elementen

Ich habe diesen Artikel gelesen http://diveintohtml5.org/semantics.html#new-elements über die verschiedenen neuen Elemente in HTML5. Jetzt möchte ich mein neues Portfolio mit diesem neuen Markup erstellen. Für mich ist es sehr wichtig, dass der Inhalt von den Crawlern so gut wie möglich indiziert wird und gleichzeitig ein Beispiel dafür gibt, wie HTML5 geschrieben werden soll.

Hinweis: Dies ist nur ein Beispiel, ich mache das nicht wirklich

Nehmen wir an, ich habe eine Seite für meine Fähigkeiten. Normalerweise hätte ich so etwas:

<div><!-- header -->
  <ul id="menu">the menu</ul>
  <h1>My Skills</h1>
</div>

<div><!-- content 1 -->
  <h2>html</h2>
  <p>tell the people about the html skills</p>
</div>
<div><!-- content 2 -->
  <h2>css</h2>
  <p>tell the people about the css skills</p>
</div>

<div><!-- footer -->
  <p>some footer text</p>
</div>

Ziemlich einfach. Wie weit nimmst du das in html5? Ich kann sehen, dass die Kopf-, Abschnitts-, Navigations- und Fußzeile wichtig sind, aber das tun Sie im Inneren. Gehst du den ganzen Weg?

<header><!-- header -->
  <nav>the menu</nav>
  <h1>My Skills</h1>
</header>

<section><!-- content 1 -->
  <header>
    <h2>css</h2>
  </header>
  <section>
    <p>tell the people about the css skills</p>
  </section>
</section>

<section><!-- content 2 -->
  <header>
    <h2>css</h2>
  </header>
  <section>
    <p>tell the people about the css skills</p>
  </section>
</section>

<footer><!-- footer -->
  <p>some footer text</p>
</footer>

Benötigen Sie die inneren Elemente für ein so kleines Beispiel? Wenn nicht, wann verwenden Sie die inneren Elemente?

6
Saif Bechan

Ich empfehle den Artikel aus dem Smashing Magazine zu lesen. " HTML5 und der Document Outlining Algorithmus " Sie finden detaillierte Erklärungen zur Strukturierung Ihres HTML.

5
Osvaldo