A masthead for your website


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.


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


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