HTML5 : Aside Element Tutorial
Introduction
In this page we have discussed Description, Usage, Attributes, Example and Result, Compatibility of HTML5 aside element.
Description
The HTML Aside Element (<aside>) represents a section of a page containing not the main content of the page but some content which is indirectly related to the main content.
A sidebar in a webpage, containing associated links, profile information, advertisement display etc. are good example of the kind of content you can enclose in aside.
Usage
Whether start and end tag are required
Both start and end tag are required.
What an aside element can contain
Text or embedded content.
Which elements can contain aside element
Any element that may contain text or embeded content.
Attributes
aside element does not have any other attributes than the global attributes (accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, hidden, id, lang, spellcheck, style. tabindex, title), common to all elements.
Example
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset=utf-8> <title>HTML5 aside example</title> </head> <body> <aside> <p>The author is a well known environmental scientist.</p> </aside> </body> </html>
Result
Compatibility
We have successfully tested the above example with following browser versions.
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12.0.742.122 | 5.0 | 8.0 | 11.50 | 4.0 |
