HTML Tags
HTML5 <aside> Tag
The <aside> tag represents content that is tangentially related to the surrounding content, such as a sidebar, pull quote, or set of related links.
What is the <aside> tag?
The <aside> element, part of HTML5, marks up content that is only indirectly related to the main content around it. It is often presented as a sidebar or a call-out box. Its content should be separable from the main flow without reducing the main content's meaning.
Complete example
<!DOCTYPE html>
<html lang="en">
<body>
<article>
<h2>Resume Writing Tips</h2>
<p>Start with a strong summary that highlights your goals...</p>
<aside>
<h3>Related</h3>
<ul>
<li><a href="#">Cover letter basics</a></li>
<li><a href="#">Top interview questions</a></li>
</ul>
</aside>
</article>
</body>
</html>ℹ️
Do not use <aside> for content that is central to the main topic. Reserve it for supplementary material like ads, author bios, or related links.
The <aside> tag supports only global attributes, is block-level by default, and is supported in all modern browsers.