The first thing we should mention about this tag is that the aside tag is not for creating sidebars. It is designed to provide additional information about the main content around it. The data within the aside tag should be related to the surrounding content.
Often, it is found within a section, or article, tag set and provides information about the content within its parent’s tag.
This is similar to a playwright who has a character speak to the audience, giving them insights into their thoughts and ideas. It provides supplemental information to the reader that is helpful, but not necessary.
An aside tag is normally shown off to the side of the main content. Styling it will be important to help it stand out from the rest of the content. Consider the following example, where an <aside>
is written. This could be any text that you want, but lorem ipsum is used to show the generality.
<aside>Nam nisl tortor, dignissim a tempus a, tempus a lectus. In venenatis lobortis consequat. Mauris tempor molestie mi et ornare.</aside>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie urna id lectus bibendum, eu malesuada lacus ornare. Nulla hendrerit, nisl sed tincidunt faucibus, turpis nunc consectetur magna, id lobortis nulla nunc at velit. Etiam condimentum eros eu iaculis posuere. Duis viverra metus eu diam pretium mollis. Fusce ornare in erat at interdum. Aenean sed dolor tortor. Donec sit amet venenatis augue, vel sodales nibh. Integer eu placerat nunc. Nunc ut justo laoreet, varius lacus elementum, efficitur ante. Praesent pretium mi purus, a posuere urna viverra vel. Morbi viverra eget leo eu bibendum. Vestibulum viverra, leo nec tincidunt tristique, ex lacus finibus massa, vitae dapibus sapien eros id lacus. Pellentesque tincidunt urna a odio dapibus consequat. Aenean finibus, arcu sit amet iaculis blandit, lacus libero ultricies ante, nec commodo quam arcu sed dui. Cras a posuere augue.</p>
Note: The text should usually be only a sentence or two, not a long discussion.
The Aside Tag was originally found on Access 2 Learn