The <header> tag in HTML is used to define the header for a document or a section.
- The header tag contains 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.
- The <header> element 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 requires a starting tag as well as an end tag.
- There can be several <header> elements in one document.
- A <header> tag cannot be placed within a <footer>, <address> or another <header> element.
Syntax:
<header> ...</header>
Below examples illustrate the <header> element in HTML:
Example 1:
<!DOCTYPE html> < html > < head > < title >Header Tag</ title > </ head > < body > < article > < header > < h1 >This is the heading.</ h1 > < h4 >This is the sub-heading.</ h4 > < p >This is the metadata.</ p > </ header > </ article > </ body > </ html > |
Output:
Example 2:
<!DOCTYPE html> < html > < head > < title >Header Tag</ title > </ head > < body > < header > < h1 >GeeksforGeeks</ h1 > < p > Algo</ a > | Languages</ a > | Interview</ a > | Students</ a > | Gate</ a > | articles-on-computer-science-subjects-gq/">CS Subjects</ a > | Quizzes</ a > </ p > </ header > </ body > </ html > |
Output:
Supported Browsers: The browsers which supports <header> tag are given below:
- Apple Safari 5.1+
- Google Chrome 6+
- Firefox 4+
- Opera 11.1+
- Internet Explorer 9+
leave a comment
0 Comments