Articles → HTML 5 → Header and Footer in HTML5

Header and Footer in HTML5








Sample code


<!DOCTYPE html>
<html>
  <head>
    <title>Header and footer sample</title>
  </head>
  <body>
    <article>
      <header>
        <h1>Article on global warming</h1>
      </header>
      <section>
        <h2>Subheading 1</h2>
        <p>Content 1</p>
      </section>
      <section>
        <h2>Subheading 2</h2>
        <p>Content 3</p>
      </section>
      <section>
        <h2>Subheading 3</h2>
        <p>Content 3</p>
      </section>
      <footer>© gyansangrah.com. All rights reserved</footer>
    </article>
  </body>
</html>



Output


Picture showing the output of header and footer in html5

Click to Enlarge


Browser support


Internet ExplorerFirefoxChromeSafariOperaEdge
9.04.06.05.011.1Yes



Video





Posted By  -  Karan Gupta
 
Posted On  -  Saturday, February 6, 2016
 
Updated On  -  Friday, January 4, 2019

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250