HTML aside Tag

HTML <aside> Tag: The <aside> tag specifies the content aside from the place where it is placed in. The aside tag content must be related to the surrounding content. While the <aside> tag belongs to Flow content, Sectioning content and Palpable Content category. 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.

HTML <aside> Tag

The <aside> tags make easy to design the page and it enhances the clarity of HTML document. The aside tag supports both global and event attributes.

<aside> Vs <div>: Both tags have same behavior with different meaning.

<div>: It defines or creates division or section in the web page.
<aside>: It does the same job by creating section or division but it contains only the content that is related to the main web page.

Syntax: 

<aside>
<h3>Contents…</h3>
<p>Contents…</p>
</aside>

Browser compatibility

The <aside> tag is supported by different types of browsers.

  • chrome-6.0
  • firefox-4.0
  • safari-5.0
  • InternetExplorer-9.0
  • Opera-11.1

Syntax: <aside>–content–</content>

Example:

<!DOCTYPE html>
<html>
<body>
<p>Freshersnow.com</p>
<aside>
  <p>Freshersnow.com is one of the best job sites in India for freshers.</p>
</aside>
</body>
</html>

Output:

Freshersnow.com

Freshersnow.com is one of the best jon sites in India for freshers