HTML Header Tag

HTML <header> tag is used as a container of introductory content or navigation links. Generally a <header> element contains one or more heading elements, logo or icons or author's information.

You can use several <header> elements in one document, but a <header> element cannot be placed within a <footer>, <address> or another <header> element.

HTML Header Tag Example

Output:

Let's see another example of header tag with CSS code.

CSS Code:

HTML Code:

Output:

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<header>	Yes	Yes	Yes	Yes	Yes