Uncommon HTML Tags: <aside>

Oct. 11, 2021, 10:59 a.m.
Beginners HTML, CSS · 1 min read
Uncommon HTML Tags: <aside>

When it comes to HTML, we all know <body>, <div>, <p>, <h1>-<h6>, etc. tags. But there are some HTML5 tags that aren't talked about very often. 

I graduated from Nucamp Coding Bootcamp in July, 2021 with a Full Stack Web Developer certification, so I'm pretty confident in my HTML skills. But as I've been coding, programming and building I've ran across some pretty interesting and what seems to be a bit unknown HTML tags. I've decided to dedicate to start a series called HTML Tags You May Have Not Heard Of. The first tag on the list is: 

<aside>

An element / tag that indicates the contents within it indirectly relates to the main page's content. Aside tags represent short, extra information relating to the main content and never alters the website's message. 

You can see this tag used to create sidebars, but it's not the correct usage for the tag. It should be only used for additional information, author's information, short summaries.

Using this tag isn't a requirement but it can be used for clean coding, and easy styling, by using aside as a CSS selector.

The tag doesn't render anything differently than a <div> tag, it's purely used for semantics for cleaner coding and the ability for easy styling, by using "aside" as a CSS selector.

Here is an example of the usage of the <aside> tag (styled with a float property):

 






Post a Comment
Join the community

0 Comments
2
Written By
aislinn