The **`<aside>`** tag is used to write content that is not directly related to the main content. It acts like a side-note. 

It is often placed on the side of the main content and can be styled using CSS.

# Syntax
```HTML
<aside> The indirectly related content goes here </aside>
```

# Example

The code snippet below shows how the `<aside> `tag can be used in HTML. The example below shows that the `<h1>` behaves differently in the body and in the `<aside>` tag. This is because the browsers consider it not directly related to the web page's main content.

<html>
 <head>
 </head>
 <body>
   <h1>This is the primary content heading</h1>
   <p>This is the primary content</p>

   <aside>
     <h1>This is the heading inside the aside tag</h1>
     <p>This is the paragraph inside the aside tag</p>
   </aside>
 </body>
</html>

codemirror

What is the <aside> element in HTML?

Used to denote content not directly related to the main section, acting as side-notes.