Welcome to HTML5-Tutorials

Our site offers a lot of HTML5 learning from absolutely beginning to advanced level.If you want to make a website with HTML,this site will completely guide you a lot.So learn HTML5 syntax and form of coding easily with this website.If you have any doubt,leave a message on us.We will return you so soon.This site includes innumerable number of references you need to do after studying their corresponding elements.

In this page,we will learn about HTML <header> tag.

Use of <header> tag

The <header> tag is used to define the main introductory of a content.
It is commonly used within other HTML elements like <article> element,<div> element etc.
Withing a <header> element, the following are mainly included:
    1. Navigation bar
    2. Search section
    3. Heading elements
    4. Logo or icon can even be included.

Display:Inline

Example of <header> tag

    <article>
       <header>
          <h3> Searching a Business </h3>
          <p> Top 10 Online Jobs to make money online by working on your pc </p>
       </header>
       <ul>
          <li> Making Website </li>
          <p> Describe the words what you have to expound related with the topic.</p>
         -------------------------------------------------------
       </ul>
    </article>

Supported Browsers.

Tag
<header> 6.0 or higher 9.0 or higher 4.0 or higher 5.0 or higher 11.1 or higher

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<article>
<header>
<h3> Searching a Business </h3>
<p> Top 10 Online Jobs to make money online by working on your pc </p>
</header>
<ul>
<li> Making Website </li>
<p> Expound on this topic.</p>
-------------------------------------------------------
</ul>
</article>
</body>
</html>

More Reference


The <header> tag is new in HTML5.
You should be caution of using this element.Some HTML elements that the include of this element made wrong document are <footer>, <address>, within another <header> elements etc.

Explanation

<footer> element and <header> element is just opposite with each other like "True" and "False".So <header> element can't be included within the <footer> element and vice versa.
<address> element is used only for the author information of a project, there is no need for more heading section.
Only a single <header> element can perform the function of multiple <header> element so it is wrong to have another header element within a heading section.

Default CSS properties of <header> element

header {
display:block;
}