Aside element is used to specify the text surrounded by its familiar content. This element represents the content that is related or unrelated to the surrounding content.
Syntax of Aside Tag
<aside> Content </aside>
Example of Aside Tag
<!DOCTYPE html>
<head>
<title>aside tag</title>
</head>
<body>
<aside style="font-size:larger;font-style:italic;float:right;color:green;">
<p> 70% off on sunglasses <br>
stylish and cool sunglasses
</p>
</aside>
<h2> Javabeat </h2>
JavaBeat publishes Java web development tutorials and articles. It provides<br> articles on many programming
langauges such as java,J2EE and frameworks <br>such as Springs,JSF,Hibernate etc. The "70% off on sunglasses
stylish and<br>
cool sunglasses" is just a simple example given of aside tag.
</body>
</html>
- <aside> element is used to display the side content of the main content.
Example Application Test
- Save the file as aside.html in your system.
- Just open the file in the browser, you will see the below picture in the browser. Note that the browser must support HTML5 specification.
Output
When the execution process is completed successfully we will get the following output :
Previous Tutorial : HTML5 Drag and Drop Events :: Next Tutorial :
HTML5 – Drag and Drop Events