aside tag in HTML5 with example

Home » HTML 5 Examples » HTML 5 Tutorials » HTML5 » aside tag in HTML5 with example

aside tag in HTML5 with example

Posted by 20Fingers2Brains on Tags: HTML 5 Examples , HTML 5 Tutorials , HTML5

The <aside> tag is used to represent the content within the web page or an article which is related to surrounding content.
This type of content is usually used in sidebars.
<aside> tag represents content which is stand alone.

Example 1 :

<html>
    <head><title>Aside tag in HTML5</title>
    <style type="text/css"">
        aside
        {
            font-size:larger;
            font-style:italic;
            color:green;
            float:right;
            width:35%;
            padding-left:5px;
        }
    </style>
    </head>
    <body>
        <div>
          <aside>jQuery is amazing
        </aside>
        <p>jQuery is amazing to use. It makes your code small and easy to manage. jQuery has inbuilt functions which ,makes your life simple.</p>
        </div>
    </body>
</html>

Demo :

In the above example, we have used aside element to represent content, which is stand alone and which represents a content within an article.