HTML <header> Tag

✂

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
header, article, aside, footer, main, nav {border:8px solid #F9EECF;padding:3px;margin:3px;width:50%;} 
</style>
</head>
<body>
<header>Header...</header>
<main>
Main...
<article>Article...
<aside>Aside...</aside>
</article>
</main>
<footer>Footer...
<nav>Nav...</nav>
</footer>
</body>
</html>

The above example demonstrates usage of the <header> element.

The <header> element represents introductory content for its section. It is typically used for providing introductory or navigational aids.

The above example shows the <header> element representing the header of the whole document, however, it can also be used as the header for any section within a document. For example, it could be used as the header for the <article> or the <aside> elements.