Aside html tag usage
The <aside> tag is used to describe a place in the content. It is used to mark related content related to the content of the web page, but does not constitute the main content of the page. For example, it is suitable for author information, content-related links, linked content, advertisements and the area we define as sidebar.
<aside> .. </aside>
The <aside> tag may appear in a box next to the content.
Usage as full html;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SOFTWARE CODING</title>
<style>
aside {
width: 40%;
padding-left: .5rem;
margin-left: .5rem;
float: right;
box-shadow: inset 5px 0 5px -5px #29627e;
font-style: italic;
color: #29627e;
}
aside > p {
margin: .5rem;
}
p {
font-family: 'Fira Sans', sans-serif;
}
</style>
</head>
<body style="background-color: WhiteSmoke;">
<p>We toured the old park AVM with friends in the evening.</p>
<aside>
<p>The old park AVM is a shopping center located in the city centre.</p>
</aside>
</body>
</html>
As an aside, element represents a portion of a page that consists of content that is tangentially related to the content of the parental segmentation content and can be considered separately from that content. Such sections are often displayed as sidebars in printed typography.
The element can be used for typographic effects such as pull-tabs or sidebars, for advertising, for groups of nav elements, and other content whose closest ancestor is considered separate from the main content of the bin content.