HTML 5 结构标签演示

Question

我找不到结构标签的演示 <header> , <footer> , <articles> ... http://brucelawson.co.uk/tests/html5-elements.html在这里，像这样，但突出显示了每个元素请帮忙

Answer 1

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

对于简单的结构，可以将“article”和“aside”包含在“section”中，但如果您只有一个部分，则这不是强制性的。

例如:

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