Header

A header provides a short summary of content

Types

Page Headers

Headers may be oriented to give the hierarchy of a section in the context of the page

Page Headers
Preview

First Header

Second Header

Third Header

Fourth Header

Fifth Header
Markdown Syntax
# First Header
## Second Header
### Third Header
#### Fourth Header
##### Fifth Header

Content Headers

Headers may be oriented to give the importance of a section in the context of the content that surrounds it

Content Headers
Preview
Huge Header
Large Header
Medium Header
Small Header
Tiny Header
Markdown Syntax
> Sizer Vertical Segment:
> > Huge Header:
> > Huge Header
>
> <!-- -->
>
> > Large Header:
> > Large Header
>
> <!-- -->
>
> > Medium Header:
> > Medium Header
>
> <!-- -->
>
> > Small Header:
> > Small Header
>
> <!-- -->
>
> > Tiny Header:
> > Tiny Header

Icon Headers

A header can be formatted to emphasize an icon

Icon Headers
Preview
Account Settings
Manage your account settings and set e-mail preferences.
Markdown Syntax
> Icon Header:
> _Settings Icon_
> > Content:
> > Account Settings
> > > Sub Header:
> > > Manage your account settings and set e-mail preferences.
Preview
Friends
Markdown Syntax
> Center Aligned Icon Header:
> _Circular Users Icon_
> Friends

Sub Headers

Headers may be formatted to label smaller or de-emphasized content.

Sub Headers
Preview
Price
$10.99
Markdown Syntax
> Sub Header:
> Price

<!-- -->

> Span:
> $10.99