Elemente semantice în HTML5. Elementul HTML5 header. Elementul HTML5 footer. Elementul HTML5 nav.

Elementul HTML5 <header>

Elementul <header> specifică un antet pentru un document sau secțiune.
Elementul <header> trebuie utilizat ca un recipient pentru conținut introductiv.
Puteți avea mai multe elemente <header> într-un singur document.

Următorul exemplu definește un antet pentru un articol:

Exemplu:

<article>
  <header>
    <h1>Ce face WWF?</h1>
    <p>Misiunea WWF:</p>
  </header>
  <p>Misiunea WWF este de a opri degradarea mediului natural al planetei noastre,
   și să construim un viitor în care oamenii trăiesc în armonie cu natura.</p>
</article>

Elementul HTML5 <footer>

Elementul <footer> specifică un subsol pentru un document sau secțiune.
Un element <footer> ar trebui să conțină informații despre elementul pe care îl conține.
Un subsol conține, de obicei, autorul documentului, informații privind drepturile de autor, link-uri către termenii de utilizare, informații de contact etc.
Este posibil să aveți mai multe elemente <footer> într-un document.

Exemplu:

<footer>
  <p>Postat de: Ion Popescu</p>
  <p>Informații de contact: <a href="mailto:[email protected]">
  [email protected]</a>.</p>
</footer>

Elementul HTML5 <nav>

Elementul <nav> definește un set de legături de navigare (navigation links).

Observați că NU toate linkurile unui document ar trebui să se afle în interiorul unui element <nav>. Elementul <nav> este destinat numai blocului principal de legături de navigație.

Exemplu:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>