LAST UPDATED: NOVEMBER 15, 2020
HTML header Tag
In HTML, to define the heading section of an HTML document <header>
tag is used.
-
In the <header>
tag, you can use other HTML elements like <h1>
, <nav>
, <ul>
, <a>
, etc.
-
The <header>
tag is newly introduced in HTML5. This tag is more of a group tag used to group other tags together which are used to create heading section on a webpage.
-
It is basically used to provide introductory content on an HTML Page.
-
Also, this is a block-level element.
HTML <header>
Tag - Syntax and Usage
The <header>
tag requires the start(opening) tag and end(closing) tag.
<header>
...content here
</header>
HTML <header>
Tag Basic Example
Below we have a basic example for a clear understanding of <header>
tag:
HTML <header>
Tag Attributes
This element does not have any specific attributes although this element supports Global attributes and Event attributes.
Default CSS settings for HTML <header>
Tag
header {
display: block;
}
Browser Support for HTML <header>
Tag
Following browsers support this attribute:
-
Firefox 4+
-
Google Chrome 6+
-
Internet Explorer 9+
-
Apple Safari 5.1+
-
Opera 11.1+