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.