What Is The HTML <aside> Tag?

Date First Published: 27th February 2023

Topic: Web Design & Development

Subtopic: Web Development

Article Type: Computer Terms & Definitions

Difficulty: Medium

Difficulty Level: 5/10

CONTENTS

Example Of The <aside> Tag

Learn more about what the HTML <aside> tag is in this article.

In HTML, the <aside> tag is used to define a section separate from the content that it is placed on. The aside content should be partially related to the main content that is near it and provide additional information. Ads, author information, related pages, related links, and sidebars are examples of content that is often found in the <aside> tag. This HTML5 tag is supported by all major web browsers and there are no unique attributes for it.

Note:

Even though the <aside> tag does not render any special functionality in a browser, CSS can be used to style this tag.

Note:

The <aside> tag is not to be confused with a sidebar. A sidebar is a visual element and this tag does not visually look like a sidebar.

Example Of The <aside> Tag

An example of the <aside> tag can be seen below:

<!DOCTYPE html>

<html>

<head>

<style>

aside {

width: 50%;

padding-left: 3%;

margin-left: 3%;

float: right;

background-color: lightblue;

border-style: solid;

border-color: blue;

}

</style>

</head>

<body>

<h1>Aside HTML Tag Example</h1>

<aside>

<p>In HTML, 'markup' refers to the tags assigned to elements of a text that define how the page should
be displayed. 'Hypertext' refers to the hyperlinks that a HTML page may contain, allowing references
to be created to other pages that the reader can immediately access.</p>

</aside>

<p>HTML is used in combination with CSS (Cascading Style Sheets), used to define how HTML elements
are displayed in a web browser, and JavaScript a scripting language used to create interactive effects
within web browsers, such as alert boxes. Anyone with a computer and a text editor,
such as Notepad can create a HTML file.
They can be displayed on local computers in a web browser without uploading them to a web server.</p>

</body>

</html>

Output: