Headings break up the page content into sections and allow your visitors to scan a page quickly to find what they need.

Levels of Headings

There are six levels of headings.

Heading 1 : + heading 1
Heading 2 : ++ heading 2
Heading 3 : +++ heading 3
Heading 4 : ++++ heading 4
Heading 5 : +++++ heading 5
Heading 6 : ++++++ heading 6

Theme Info

HTML

<h1 id="toc1"> <span> heading 1 </span> </h1>
 
<h2 id="toc2"> <span> heading 2 </span> </h2>
 
<h3 id="toc3"> <span> heading 3 </span> </h3>
 
<h4 id="toc4"> <span> heading 4 </span> </h4>
 
<h5 id="toc5"> <span> heading 5 </span> </h5>
 
<h6 id="toc6"> <span> heading 6 </span> </h6>

CSS

Selecting All Headers At Once

Headings in general can be changed in your theme by using the code below to select all of the heading tags at once :

h1, h2, h3, h4, h5, h6 { }

Selecting Header <span>s

Each header element is also wrapped in a span without an id. This span can be selected :

h1>span { }

Related Pages

• HTML
• Page Organization
• Wiki Syntax