<aside> semantic HTML element is used to mark additional information that can enhance another element,but isn’t required in order to understand the main content.
It can be used for related links, for clarifying a statement from the current article, for a sidebar or a location where it doesn’t obstruct the main piece of content.
An example of this would be an article that discusses how to take care of a dog and next to the article an advertisement would appear advertising a dog grooming product. The ad would be in the
- Pull quotes
- Editorial sidebars
- Additional information
<aside><!-- Aside content goes inside the tag --></aside>
<aside> is a tag that wraps around a block of HTML giving it semantic meaning. It has no special attributes, and by default will act similarly to a
Suppose the current page wants to feature a definition of an important term without having it be a part of the text the term appears in:
We could use CSS to pull that
<aside> to the right side of the current article, and have it stand out as a thing worth reading that is in service to the current text.