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.
In total, we have six heading levels to choose
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
lowest (and smallest).
A document’s first heading should be an
h1, followed by one or more
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
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
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.
In this example, an
h2 element is used to define a section
<h2>Latest news on this site</h2>
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.
This element has no
compatibility issues. All browsers listed support the
In this Section
There are no comments yet.