63 views

21st May, 2023

HTML aside Tag

The <aside> tag in HTML is used to define content that is tangentially related to the main content of a document. It represents information that is considered separate from the main content but still related or supportive in some way. The content within the <aside> tag is typically presented as sidebars, pull quotes, or callout boxes.

Here is an example of how the <aside> tag can be used:

HTML<span role="button" tabindex="0" data-code="<article> <h2>Article Title</h2> <p>Article introduction or summary.</p> <p>Content goes here…</p> <aside> <h3>Related Information</h3> <ul> <li>Related links</li> <li>Additional resources</li> </ul> </aside>

<article>
     <h2>Article Title</h2>
     <p>Article introduction or summary.</p>
     <p>Content goes here...</p>
     <aside>
          <h3>Related Information</h3>
          <ul>
               <li>Related links</li>
               <li>Additional resources</li>
          </ul>
     </aside>
</article>

In this example, the <aside> tag is used to enclose a section that contains related information to the main article. It starts with a heading (<h3>) indicating the title of the related information section, followed by an unordered list (<ul>) containing some related links or additional resources.

The <aside> tag allows for the separation of supplementary or supporting content from the main content while maintaining a contextual relationship. It helps provide additional information, side notes, or extra details that enhance the understanding or provide additional value to the readers.

It’s worth noting that the content within the <aside> tag can be omitted without affecting the overall understanding or flow of the main content. The <aside> tag is also used for advertising, author information, or other content that is not directly part of the main document’s content but is still relevant to it.