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



Click to Enlarge


Browser support


Internet ExplorerFirefoxChromeSafariOperaEdge
9.04.06.05.011.1Yes



Video





Posted By  -  Karan Gupta
 
Posted On  -  Saturday, February 06, 2016
 
Updated On  -  Friday, January 04, 2019

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250