A masthead for your website

header

The portion of the document that contains contextual information about the document and its relationship to the website as a whole.

By convention this is where logos, slogans, quick search, and logins are placed.

Example

body {
header {
img `logo.png`
p #slogan Clean code one line at a time
form {
input *type=text *placeholder="quick search"
button *type=submit Search
}
a `login.html` Login
}
nav ...
main ...
footer ...
}
The header element

Ancestor

body
The body element comprises all of the elements that control the layout and structure of a document, plus all of their subordinates.

semantax > layout > headerA masthead for your website

🔎