Home > Abakada: Back to Basics > Language References > HTML Elements > HEADER Element

---

Represents the header of a document or section.

HTML 5

HTML Syntax

<header
   class = classname
   id = value
   style = css_style_rules
   title = text
>

NOTE: Both start and end tags are required.

The <header> element represents introductory content, typically a group of introductory or navigational aids.

The element can be used to define a global site header or banner, which usually includes a logo, company or website name, search feature, and possibly site-wide navigation aids, and is generally located at the top of the page.

An example is the header on top of each page in this workshop.

When used within sectioning content, a header may contain introductory heading elements ( h1–h6 ) and possibly author information, publication date, etc.

The <header> element has no attribute of its own, but supports global attributes common to all HTML elements.

The following example shows how the <header> element may be used.

• 4.3.8 The header element

ARTICLE   ASIDE   FOOTER   MAIN   NAV   SECTION