<aside> Tag in HTML
The <aside> tag is used to mark content that is tangentially related to the main content of an HTML webpage. Respectively, It represents content that can be considered separate from the main flow of the document but is still related.
The <aside> tag can contain various types of content, such as sidebars, pull quotes, advertisements, or other supporting information. And most important, the <aside> tag should be used for content that is related to the main content but can be skipped without affecting the understanding of the main content.
Code Example of <aside> Tag
<article>
<h1>Heading of Main Article</h1>
<p>This is the first paragraph in the main article.</p>
<p>This is the second paragraph in the main article.</p>
<aside>
<h2>Related Heading</h2>
<ul>
<li>Additional resources</li>
<li>Related articles</li>
</ul>
</aside>
</article>
According to the example, the <aside> element is used to encapsulate related information, such as additional resources, and related articles. The content within the <aside> tag is separate from the main content of the article but provides complementary information.