HTML 5结构标签演示

Question

我找不到结构标记的演示<header>,<footer>,<articles>... http://brucelawson.co.uk/tests/html5-elements.html 在这里,这样的事情,但强调每个元素的请帮忙

Answer 1

在列表中有一篇很好的文章(像往常一样):http: //www.alistapart.com/articles/previewofhtml5

对于一个简单的结构,可以在"部分"中包含"文章"和"旁边",但如果您只有一个部分,这不是强制性的.

例如 :

<header>...</header>
<section>
  <article>...</article>
  <aside>...</aside>
</section>
<footer>...</footer>

与以下相同:

<header>...</header>
  <article>...</article>
  <aside>...</aside>>
<footer>...</footer>

但由于这些标签非常灵活,因此不会固定在一个地方,例如:

<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>

Answer 2

HTML5 Doctor和HTML5 Gallery是两个很棒的资源。他们分别提供了有关如何使用新 HTML5 标签的详细文章以及使用它们的网站示例。