HTML aside Tag

HTML aside: Main Tips

• HTML <aside> contains information which is not directly related to the main purpose or idea of a web page.
• <aside> in HTML can include author details, explanations of definitions, related information, ads, etc.
• In HTML5, <aside> is one of the new elements.

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid certificates of completion

100% FREE

Pros

• Professional service
• Flexible timetables
• A variety of features to choose from

Main Features

• Professional certificates of completion
• University-level courses
• Multiple Online degree programs

100% FREE

Pros

• Great user experience
• Offers quality content
• Very transparent with their pricing

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

100% FREE

Using aside

HTML <aside> separates information which is not directly related or vital to the main article or web page. It is possible to isolate such additional content in call-out boxes or sidebars.

<aside>
  <h4>Lake</h4>
  <p>Oxford lake is a lake in the state.</p>
</aside>

The example above demonstrated the usage of <aside> tag in HTML without any styling features. The following example shows how the content in <aside> can be customized with CSS:

<aside>
	<p>Many movies and graphic novels have been based on this Greek hero.</p>
</aside>

Browser support

Chrome

5+

Edge

All

Firefox

4+

IE

9+

Opera

11.1+

Safari

4.1+

Mobile browser support

Chrome

All

Firefox

4+

Opera

11.1+

Safari

4.2+