Asides and Sidebars
Sometimes you have content that adds something extra to your main
content, such as pullout quotes, diagrams, additional thoughts, or related
links. You can use the new aside tag to identify these elements.
We’ll place the callout quote in an aside element. We’ll nest this aside
within the article, keeping it close to its related content.Our completed section, with the aside, looks like this:
Now we just have to add the sidebar section.
Asides Are Not Page Sidebars!
Our blog has a sidebar on the right side that contains links to the
archives for the blog. If you’re thinking that we could use the aside
tag to define the sidebar of our blog, you’d be wrong. You could do it
that way, but it goes against the spirit of the specification. The aside is designed to show content related to an article. It’s a good place to show
related links, a glossary, or a pullout quote.
To mark up our sidebar that contains our list of prior archives, we’ll
just use another section tag and a nav tag.
That’s it for our blog’s structure. The next we will talk abaouthoow to applying styles to
these new elements.
[Redefining a Blog Using HTML5 Semantic Markup -part1]
[Redefining a Blog Using HTML5 Semantic Markup -part2]
