HTML 5 Structure tags demo

Question

i can't find demo of structure tags <header>, <footer>, <articles> ... http://brucelawson.co.uk/tests/html5-elements.html Here, something like this, but with highlighted of each elements Please, help

Answer 1

There a good article at list apart (as usual) : http://www.alistapart.com/articles/previewofhtml5

For a simple structure, it's posible to enclose 'article' and 'aside' inside a 'section' but this not mandatory if you have only one section.

For example :

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

is the same than :

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

But as this tags are very flexibles they are not fixed to one place, for example :

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