w3resource logo


article element - HTML5

HTML5 : Aside Element Tutorial

Secondary Nav

Introduction

In this page, we have discussed Description, Usage, Attributes, Example and Result, Compatibility of HTML5 aside element.

html5 aside

Description

The HTML Aside Element (<aside>) represents a section of a page containing not the main content of the page but some content which is indirectly related to the main content.

A sidebar in a webpage containing associated links, profile information, advertisement display etc. are a good example of the kind of content you can enclose in aside.

Usage

<aside> <p>The author is a well known environmental scientist.</p> </aside>

Whether start and end tag are required

Both start and end tag are required.

What an aside element can contain

Text or embedded content.

Which elements can contain aside element

Any element that may contain text or embedded content.

Attributes

aside element does not have any other attributes than the global attributes (accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, hidden, id, lang, spellcheck, style. tabindex, title), common to all elements.

Example

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>HTML5 aside example</title>
</head>
<body>
<aside>
<p>The author is a well known environmental scientist.</p>
</aside>
</body>
</html>

Result

html5-aside-example

Compatibility

We have successfully tested the above example with following browser versions.

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 12.0.742.122 5.0 8.0 11.50 4.0


Join our Question Answer community to learn and share your programming knowledge.

Solve these problems:

Java: How to convert a string to an integer in Java?

C#: Loops in c#

SQL: JOIN using more than 5 tables