What is the purpose of the <aside> Element in HTML5?

The <aside> element in HTML5 is used to define content that is tangentially related to the content around it. It is typically used for sidebars, pull quotes, or information that is considered supplementary to the main content of the page.

Syntax:

<aside>
      <h1>Contents...</h1>
      <p>Contents...</p>
</aside>

Features:

Supplementary Content: <aside> is used for content that is related to the main content but is considered secondary or supplementary.
Sidebars: Often used for sidebars containing additional information, links, or advertisements.
Accessibility: Helps improve the structure and accessibility of the document, making it clear what content is supplementary.

Article Tags :

Web Technologies

Recommended Articles

1. HTML5 <aside> Tag

2. How to create an HTML document which uses aside element ?

3. HTML DOM Aside Object

4. What is <aside> tag & why do we need it ?

5. How to set a name for keygen element in HTML5 ?

6. How to define a caption for a fieldset element in HTML5 ?

7. How to Create Abbreviation of an Element using HTML5 ?

8. How to define a label for an input element using HTML5 ?

9. How to create a caption for a figure element using HTML5 ?

10. How to specify that a user can enter more than one value in an input element in HTML5?

11. How to pre-select an input element when the page loads in HTML5?

12. How to define a visible heading for details element in HTML5 ?

13. How to specify the HTML content of the page to show in the iframe element HTML5 ?

14. How to define a text element that inserted into a document in HTML5 ?

15. How to set a keygen element that automatically get focused when page loads in HTML5 ?

16. How to enable extra set of restrictions for content in an iframe element in HTML5 ?

17. How to specify the address of the document to embed in the iframe element in HTML5?

18. How to specify the width of an input element in HTML5 ?

19. What are the media element tags introduced by HTML5 ?

20. What is the <picture> Element used for in HTML5 ?

21. How does the <audio> Element work in HTML5?

22. How to Set a Minimum and Maximum Value for an input element in HTML5?

23. How to Make a Loading Bar for an HTML5 Audio Element ?

24. What is the purpose of self executing function in JavaScript?

25. What purpose does a <script> tag serve inside of a <noscript> tag?