Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Current »

Headings make it easier for visitors to your page to find the information they are looking for quickly. Most people skim websites, and headings make it easier for them to do this.

When choosing your heading, remember what it means to have a heading in your code. Typically, the average user doesn't know much or care about your markup and whether or not it's semantically correct as long as it looks awesome and provides the needed content/services. However, users that use assistive technologies, like screen readers, heavily rely on well implemented, structured, and meaningful markup.

To help make your site more accessible think about navigating through the <h1> and <h2> elements as allowing the user to understand the overall purpose of a page and how its content is structured. This could be similar to reading the table of context to a book. The <h3> through<h6> elements provide a quick understanding of the details in each section.

Add a Heading Using the Classic Editor

To add a heading using the classic editor, type your heading into the editor and highlight the text. From the dropdown, select the heading level you want. If you cannot see the style dropdown, click the toolbar toggle button.

Add a Heading Using Zuse Create

To add a heading to your page using Zuse Create, make sure you have an understanding of  Creating a Page using Zuse Create 

Click Add Module, you will be able to select 'Heading'. From there you will be able to enter the heading text. The default heading is <h2> . If you would like to change the level of the heading, click on 'Advanced Options', where you can choose the HTML tag. <h1>  specifies the highest-level heading, and <h6> specifies the smallest.

Heading Styles

When viewed on your page, the headings will be automatically styled, as seen below.

  • No labels