HTML5 <header> Tag
Example: This example illustrates the use of the <header> tag that makes the container for the head section of the document.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
The <header> tag in HTML is used to define the header for a document or a section as it contains the information related to the title and heading of the related content. The <header> element is intended to usually contain the section’s heading (an h1-h6 element or an <hgroup> element), but this is not required. It can also be used to wrap a section’s table of contents, a search form, or any relevant logos. The <header> tag is a new tag in HTML5 and it is a container tag ie., it contains a starting tag, content & the end tag. There can be several <header> elements in one document. This tag cannot be placed within a <footer>, <address> or another <header> element.
Attributes: This tag supports all the global attributes in HTML.
Below examples illustrate the <header> element in HTML.
Example 1: In this example, we have used the <header> tag to contain the surrounding section’s heading, but not required every time.
Example 2: In this example, we have represented navigational aids by using the <header> tag.
- Google Chrome 93.0 & above
- Internet Explorer 11.0
- Microsoft Edge 93.0
- Firefox 92.0 & above
- Opera 79.0
- Safari 14.1