Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Posted by Travette Pettigrew
Travette Pettigrew
904 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 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 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
904 Points

Wow! lightbulb moment! Thank you so much Jonathan.