The <aside> tag is used to describe the main object of the web page in a shorter way like a highlighter. It basically identifies the content that is related to the primary content of the web page but does not constitute the main intent of the primary page. The <aside> tag contains mainly author information, links, related content and so on.
<aside> Vs <div>: Both tags have same behavior with different meaning.
- <div>: It define or create division or section in the web page.
- <aside>: It dones the same job by creating section or division but it conntains only the content that is related to the main web page.
The <aside> tags makes easy to design the page and it enhances clarity of html document. It let us easily recognize the main text and subordinate text. In both the time <div> and <aside> need CSS to specific design. The <aside> tag supports Global attributes and Event attributes in HTML.
Note: The <aside> tag is new in HTML5.
<aside> <h3>Contents...</h3> <p>Contents...</p> </aside>
- Google chrome 6.0 and above
- Internet Explorer 9.0 and above
- Mozilla 4.0 and above
- Safari 5.0 and above
- Opera 11.1 and above