The <aside> element

The <aside> element should be used to represent a content that is related to but separated from the main (surrounding) content. In may be used in as a print media, as a pull quote, or a footnote; furthermore it may be used as information about the article or the blog content, etc...

Syntax:

<aside></aside>

Attributes:

global attributes
event attributes

Example

The aside tag example:

<!DOCTYPE html>
<html lang='en-us'>
<head><style type='text/css'>
    body{background-color:#343434; color:#e3e3e3; font-family:Verdana;}
    aside{background-color:#f4f4f4; padding:2px 5px; border:2px inset teal; border-radius:10px; width:80%; margin:2em auto; color:#3e3e3e}
</style></head>
<body>
<article>
  <p>We can use the &lt;aside&gt; tag in a print media, or as information about the article or the blog content, etc... This is how it looks like:</p>
  <aside>
    <p>This article is about the HTML5 aside element.</p> 
  </aside>
</article>
</body>
</html>

›› go to examples ››

The <aside> element

Syntax:

Attributes:

Example

The aside tag example:

Comments

About

Contact

Get Connected