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-
lishes a Webmaster FAQ ( ) that states a
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-
ter fit than the section element. Using the flowchart in Figure 3-3 , we will work our
way through the content.
Search WWH ::

Custom Search