Elemen header berfungsi sebagai konten pengantar halaman web yang terdiri dari logo, form pencarian dan deretan hyperlink untuk navigasi. Elemen header juga berfungsi sebagai konten pengantar artikel yang berisi judul, tanggal, pembuat artikel, waktu dibuat dll. Dalam satu dokumen dapat terdapat beberapa elemen header.

<header>
   <div id="logo">Rocking Stone</div>
   <nav>...</nav>
 </header>

<article>
 <header>
   <h1>Google Buys Nest</h1>
   <p>Posted at 11:34am 13th January 2014</p>
 </header>
 <p>...</p>
 <p>...</p>

Elemen footer biasanya berisi nama penulis dokumen, informasi hak cipta, tautan ke ketentuan penggunaan, informasi kontak, dll.

<article class="film_review">
  <header>
    <h2>Jurassic Park</h2>
  </header>
  <section class="main_review">
    <p>Dinos were great!</p>
  </section>
  <footer>
    <p>
      Posted on
      <time datetime="2015-05-15 19:00">May 15</time>
      by Staff.
    </p>
  </footer>
</article>