Tag: headings

Creating Headings

It is important to use properly structured HTML headings when organizing your web content. Think of webpage headings as a table of contents for a story.

Headings are not required on webpages. However, they help break up and organize lengthy informational webpages—improving readability. Proper heading use is not only important for accessibility, it also has search engine optimization benefits, which can help your webpages rank higher in Google’s search results.

According to the University’s editorial guide, headings are always title case, meaning you should capitalize all words that are not articles, prepositions, or to-be verbs. Do not use a colon (:) at the end of a heading.

H2 Bar Separator, H2 Graybar, and H2 Top Title Snippets

These snippets will create specially formatted H2-size headings. Bar Separator makes the text large with a gold bar beneath it and must be inserted in the left column of a 1/3 left 2/3 right Boxed Section snippet. Graybar includes a gray bar around the heading that goes across the entire content area. Top Title includes a line beneath the titles that goes across the entire content area.

Example of a Gold Bar Separator heading.

h2-graybar

h2-toptitle