header tag in html5 with example

Home » HTML 5 Examples » HTML 5 Tutorials » HTML5 » header tag in html5 with example

header tag in html5 with example

Posted by 20Fingers2Brains on Tags: HTML 5 Examples , HTML 5 Tutorials , HTML5

The header section represents a header section in the document.
The HTML <header> tag represents a group of introductory or navigational aids.
The <header> tag cannot be placed within a <footer>, <address> or another <header> element.
The <header> tag is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari. IE8 and earlier versions does not support <header> tag.

Example 1 :

<html>
    <head><title>mark tag in html5</title>
    <style type="text/css">
    b
    {
        margin-left:240px;
        font-size:20px;
        font-weight:bolder;
    }
    </style>
    </head>
    <body>
        <header>
            <b>jQuery</b><br />
            <span style="margin-left:210px;">jQuery is amazing !!!</span>
        </header>
        <br /><br />
        <p>The header section represents a header section in the document.
The HTML header tag represents a group of introductory or navigational aids.
The header tag cannot be placed within a footer, address or another header element.
The header tag is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari. IE8 and earlier versions does not support header tag.</p>
    </body>
</html>

Demo :

In the above example, we have shown how to use header section to define header section of web pages or document.