Home > Abakada: Back to Basics > Language References > HTML Elements > ASIDE Element

---

Indicates content loosely related to the page content.

HTML 5

HTML Syntax

<aside
   class = classname
   id = value
   style = css_style_rules
   title = text
>

NOTE: Both start and end tags are required.

The <aside> element represents a section of a web page that encloses content which is superficially relevant to the main content.

It may be used to display some other content indirectly related to, or aside from, the content it is placed in.

The element can be styled using CSS for typographical effects, to separate it visually from the main content.

The <aside> element has no attribute of its own, but supports global attributes common to all HTML elements.

The following example shows how the <aside> element may be used.

<p>Cape Town is the legislative capital of South Africa, and is the country’s oldest and 
   second-largest city, after Johannesburg. </p>

<aside>
   <p>The city is part of the City of Cape Town metropolitan municipality. </p>
</aside>

which would render on a Web page as follows:

Cape Town is the legislative capital of South Africa, and is the country’s oldest and second-largest city, after Johannesburg.

• 4.3.5 The aside element

ARTICLE   HEADER   FOOTER   MAIN   NAV   SECTION