HTML <aside> tag

The <aside> tag is used to define a secondary content yet related with the main content. It is mainly used in showing advertisement, sidebar or any content of sections that are related with the primary topic.

Type: Block Element

Example of <aside> tag

<aside>
--- secondary content here ---
</aside>

Supported Browsers

Tag	Chrome	Internet Explorer	Firefox	Safari	Opera Mini
<aside>	6.0 or higher	9.0 or higher	4.0 or higher	5.0 or higher	11.1 or higher

Full code example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>
Few decades ago, science & technology could produce only landline telephone for sharing information or talking to each other. Nowadays, it has been replaced by the wireless phone which enables a more luxurious life.
</p>

<aside>
  <h3>Landline Telephone</h3>
  <p>
    A landline telephone is used to make conversations between two or more people, and it requires a metal wire to work.
  </p>
</aside>

<aside>
  <h3>Wireless Phone</h3>
  <p>
    A wireless phone does not require any wire and is better than landline telephone in many ways.
  </p>
</aside>

</body>
</html>

Run The code »

Output on the browser

Few decades ago, science & technology could produce only landline telephone for sharing information or talking to each other. Nowadays, it has been replaced by the wireless phone which enables a more luxurious life.

If the content is a single artcle, use the <aside> element within the <article> element .

More reference

In order to use the <aside> element, there should be a main content or section, and the <aside> element must be related to that content.

Note that <aside> element is new in HTML5 but not supported in HTML 4.01.

❮ Previous Next ❯