Don't already have an account? Create an account.
By creating an Ordinary Coders account, you agree to Ordinary Coders' Terms and Conditions.
If you already have an account, login instead.
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:
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):
See the Pen
Sidebar: flexbox by Aislinn Wallace (@Aisliwall)
Django Stripe SaaS Boilerplate
Django and Stripe integrated together to create a SaaS boilerplate. Django authentication, static files, messages, forms, templates, URLs, …
Django Powered Blog for Affiliate Marketing
A Django powered blog and product showcase for affiliate marketing from Building a Django Web App course. Pre-built Django …
Landing Page for Lead Management System
A homepage to an API management service, this template is made using Materialize CSS. Typed.js is added to …
Follow us @ordinarycoders
Post a Comment
Join the community
April 25, 2020, 2:43 p.m.
Oct. 22, 2021, 11:41 a.m.
Oct. 11, 2021, 6:38 p.m.
May 31, 2021, 10:54 a.m.
April 14, 2021, 10:03 a.m.
April 7, 2021, 12:28 p.m.