HTML and CSS Reference
In-Depth Information
Note
That said, there are currently search engine optimization (SEO) concerns with
using only
h1
elements for headings. For instance, Microsoft's Bing search engine pub-
page should not have more than one
h1
element per page. This instruction heralds from
earlier days of the Web, so ideally going forward this will eventually be removed, but in
the meantime, if SEO is critical to your web projects, perform due diligence on wheth-
er the search engines you are targeting will have issues with multiple
h1
elements, or
rigorously use heading ranks appropriate to their nesting level.
Note that converting all heading elements to
h1
means the headings on the page may
have the same size on the page by default, regardless of how the sections are nested. For
example, as of the time of writing, the latest versions of Google Chrome and Firefox are
smart enough to reduce the size of heading elements that are nested within other sec-
tions, while Safari and Opera are not. Whether the latter two implement this behavior
is a moot point, however, because all presentational qualities of the page (heading size
included) should be handled using CSS, not HTML.
Improving outline semantics
Sections are a great general-purpose grouping element, but much of the content on this
page could be better defined using more specific sectioning elements. Let's look at the
three remaining elements in the sectioning content group and see which would be a bet-
way through the content.
Search WWH ::
Custom Search