h2 (HTML element)

Description

The h2 element is used to indicate a heading whose level of importance is exceeded only by h1. A document may have several h2 elements, all of which share the same level of importance. The default heading size is shown in Figure 1.

Figure 1. The default level 2 heading

In total, we have six heading levels to choose from—h1 to h6—to add structure to the web page. h1 is the highest heading level (and, by default, the largest in terms of font size) and h6 the lowest (and smallest).

A document’s first heading should be an h1, followed by one or more h2 headings; each of these h2 headings can then have a further series of h3 headings below them, and so on, right on down to heading level 6. The HTML 4 spec states that heading levels should not be skipped (that is, you shouldn’t have a series of headings in the order h1, h2, h2, h4, which skips the h3 entirely), although it isn’t always possible to guarantee such rigidity in the markup, particularly if your pages are generated by a CMS. However, this goal is certainly one for which you should aim.

Headings add semantic richness to a document, which can help with search engines’ understanding of the makeup of that document, and provide users of assistive devices (such as screen readers) with an additional—and quick—method by which to navigate through a document: they can skip from heading to heading.

Use This For …

This element may contain any text content, but it can’t include any block-level elements: only inline or phrase elements can be included.

Compatibility

This element has no compatibility issues. All browsers listed support the h2 element.