HTML <aside> Tag
Description
The <aside>
HTML tag is used to mark content that is tangentially related to the main content of a web page but can be considered separate from it. It is often used for sidebars, pull quotes, or other content that provides additional context or information but can be skipped or ignored without affecting the overall understanding of the page. The <aside>
tag helps improve the semantic structure of a webpage by indicating that the enclosed content is not crucial to the main narrative but provides supplementary details or related content. It is commonly used in conjunction with articles and sections to enhance the organization and accessibility of web content.
Properties
- Permitted Parents
- Any element that accepts flow content. Note that an <aside> element must not be a descendant of an <address> element.
- Content
- Block, inline and text
- Start/End Tags
- Start tag: required, End tag: required
Example
<p>The Great Barrier Reef is the largest coral reef in the world.</p><aside><p>The Great Barrier Reef is the world's largest coral reef system composed of over 2,900 individual reefs and 900 islands stretching for over 2,600 kilometres over an area of approximately 344,400 square kilometres.</p></aside>
Attributes
None
Global Attributes
The <aside>
tag also supports the Global Attributes in HTML5
Event Attributes
The <aside>
tag also supports the Event Attributes in HTML5
Browser Support
The following table will show you the current browser support for the HTML <aside>
tag.
Desktop | |||||
12 | 5 | 4 | 11.1 | 5 |
Tablets / Mobile | |||||
18 | 4 | 11.1 | 4.2 | 1 | 4.4 |
Last updated by CSSPortal on: 30th September 2023