HTML HTML Basics Structuring Your Content Sectioning Content with <article>, <nav> and <aside>

Travette Pettigrew
Travette Pettigrew
760 Points

I don't understand <aside>. How is it helping me?

Seems pointless but maybe I just don't understand it yet.

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 86,643 Points

Hi there.

Aside is simply an element, just like <div> that allows you to group together content that is related to the main content but not in itself main/unique content.

To put it another way, here's how Mozilla describes the element.

"The HTML <aside> element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes"

https://developer.mozilla.org/en/docs/Web/HTML/Element/aside#:~:text=The%20HTML%20element%20represents,sidebars%20or%20call%2Dout%20boxes.

If for example you wanted to write the HTML code for a blog post, you'd write the individual article in your article tag and then include the post information in a sibling aside element.

All of which is designed to give your HTML structure semantic meaning.

Travette Pettigrew
Travette Pettigrew
760 Points

Wow! lightbulb moment! Thank you so much Jonathan.