Articles → HTML 5 → Header And Footer Tags In Html5

Header And Footer Tags 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>

Try It


Output


Picture showing the output of header and footer in html5



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