Add and Use Headings

Using headings properly can help in creating a semantic, organized structure to your content, and in allowing site visitors to more easily navigate and read through your website content. If your page content has a lot of sections, each with its own subtitle, you should consider using headings instead of simply applying bold or using CAPITAL LETTERS for your section titles.

Accessibility

Proper use of headings is an accessibility best practice. See "Use headings correctly to organize the structure of your content" in the "Top 10 Tips for Making Your Website Accessible" for more information. Do not use headings purely for presentation, and do not skip heading levels!

Other Options for Formatting Text

If you like the "look and feel" of a particular heading, but the text you're adding does not need to be a heading, a Site Builder can use one of our optional HTML classes for paragraph styling. Similarly, if you like the "look and feel" of a particular heading but want to make sure you use the proper semantic heading structure (i.e., you like how a Heading 3 looks over a Heading 2 but do not want to skip heading levels), a Site Builder can use optional HTML classes for heading styling.

Aligning Heading Text

Heading text cannot be aligned to the center or to the right of the content using the "align" buttons in the editing toolbar. The align buttons will work for regular paragraph text, but not for heading text. If you would like to have text look like a heading and also be aligned to the center or to the right, use paragraph text with one of the optional HTML classes (detailed above) instead of headings. 

How to Use Headings

Applying a heading can be done via the expanded toolbar under the "Format" drop-down. If the formatting is unintentionally applied to more than just your section title, you may want to hit "Enter/Return" first to separate your section title from other content before applying the heading format. After you apply the format, you should be able to delete extra line/paragraph returns to close up any unwanted gaps.

NOTE: The "Heading 1" option is reserved for the title of the page, and is not available for use in the "Body" content of your pages.