HTML <aside> tag

Use of <aside> tag

The <aside> tag is used to define a content as a secondary but related with the main content. It is mainly used in showing advertisement, sidebars or any content of sections that are related with the primary topic or content.
Type: Block Element

Example of <aside> tag

<aside>
Content Here
</aside>

Supported Browsers

The following versions are the minimum versions that supports the <aside> tag fully.

Tag Chrome browser Internet explorer browser Firefox browser Safari browser Opera browser
<aside> 6.0 9.0 4.0 5.0 11.1

Full Code Examples

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>
Few decades ago, Science & Tech. could produce only landline telephone for giving information or talking each other. Nowadays it has been replaced by wireless phone with the development of Science & Tech. We could enjoy a luxurious life.
</p>
<aside>
<h3> Landline Telephone </h3>
<p> Landline Telephone is used to make conversations among two or people and it requires a metal wire to get working. </p>
</aside>
<aside>
<h3> Wireless Phone </h3>
<p> Wireless Phone needs no wire and it is better than landline telephone in many ways.</p>
</aside>
</body>
</html>

Output

Few decades ago, Science & Tech. could produce only landline telephone for giving information or talking each other. Nowadays it has been replaced by wireless phone with the development of Science & Tech. We could enjoy a luxurious life.

In the above example, we have written a short paragraph about the evolution of telephone mentioning landline telephone and wireless phone. But if we define their definitions among the sentences, it would annoy the readers and even may cause boring or harder to understand. Inorder to prevent from this, we have written their definitions within the <aside> element separately from the main content. Certainly you see that the contents within <aside> element is related with the main (primary) content but act as a secondary content. This is what <aside> element do in HTML5.

More Reference

Inorder to define <aside> element, we require a main content or section and also <aside> element should be related with that main content. Note that <aside> tag is new in HTML5 but not in earlier versions.