Banner
A region that contains mostly site-oriented content,
rather than page-specific content.
Site-oriented content typically includes things such as
the logo or identity of the site sponsor, and site-specific
search tool. A banner usually appears at the top of the
page and typically spans the full width.
HTML5 equivalent: none.
Complementary
A supporting section of the document, designed to be
complementary to the main content at a similar level in the
DOM hierarchy, but remains meaningful when separated from
the main content.
There are various types of content that would
appropriately have this role. For example, in the case of a
portal, this may include but not be limited to show times,
current weather, related articles, or stocks to watch. The
complementary role indicates that contained content is
relevant to the main content. If the complementary content
is completely separable main content, it may be appropriate
to use a more general role.
HTML5 equivalent: aside.
Main
The main content of a document.
This marks the content that is directly related to or
expands upon the central topic of the document. The main
role is a non-obtrusive alternative for "skip to main
content" links, where the navigation option to go to the
main content (or other landmarks) is provided by the user
agent through a dialog or by assistive technologies.
HTML5 equivalent: none.
Styles
- 3 Cols, Navigation left
- 3 Cols, Navigation right
- 2 Cols, Navigation top a
- 2 Cols, Navigation top b
- 3 Cols, Navigation left, fixed width, centered
- 3 Cols, Navigation left, fixed width, fixed nav, centered
- 3 Cols, Navigation right, fixed width, centered
Links
With roles
Contentinfo
A large perceivable region that contains information
about the parent document.
Examples of information included in this region of the
page are copyrights and links to privacy statements.
HTML5 equivalent: footer.