HTML and CSS Reference
In-Depth Information
FiGure 27-1
Another issue is the content itself. If you look at the code, you'll find one
<h1>
tag and one
<h2>
tag. Designers who are looking to structure their web pages really only have the heading tags,
<h1>
through
<h6>
, to use as hierarchical elements. The accepted style is to use a single
<h1>
tag per page
that serves as the root or base element. Then, any number of
<h2>
,
<h3>
and other heading tags are
incorporated in a hierarchical fashion. Though valid, this approach is fairly limiting. Many websites
use content assembled from a multitude of sources, each of which may incorporate their own
<h1>
tags to designate the most important heading within the individual content articles.
In the next section, you learn the new semantically correct tags in HTML5 that help standardize
web pages.
workinG wiTH THe new HTML5 seManTics
HTML5 has six major new semantic-based tags:
➤
<section>
➤
<header>
