FAQ: Semantic HTML - The Aside Element

This community-built FAQ covers the “The Aside Element” exercise from the lesson “Semantic HTML”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Web Development

Introduction to HTML

FAQs on the exercise The Aside Element

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!
You can also find further discussion and get answers to your questions over in #get-help.

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head to #get-help and #community:tips-and-resources. If you are wanting feedback or inspiration for a project, check out #project.

Looking for motivation to keep learning? Join our wider discussions in #community

Learn more about how to use this guide.

Found a bug? Report it online, or post in #community:Codecademy-Bug-Reporting

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

3 posts were split to a new topic: How are aside elements aligned?

I’m not quite sure what the purpose of the aside code if for…it doesn’t make a difference to the text when I run the code. Can someone better explain to me the use of this code?

I believe we normally combine it with CSS styling to separate it or differentiate from the main body of the text.

1 Like

Can the aside go inside the article tag? e.g:

<main>
      <section>
        <article>
          <h2>Facts About Dogs</h2>
          <p>
          Dogs have a sense of time. It's been proven that they know the difference between a hour and five. If conditioned to, they can predict future events, such as regular walk times.
          </p>
         <aside>
<p>A study was conducted on dogs being away from their owners for varying hours and the studies show that dogs who were away from their owners the longest showed the greatest amount of affection!
            </p> 
          </aside>
<p>Another fasinating fact about our four legged friends</p>
        </article>
      </section>   
    </main>

sorry for the layout. I couldn’t indent it properly for some reason

How do you differentiate between the <section> and <article> element? Is the article element just more specific?

Hey, I’m new to this too, but I believe you can put the <aside> in an <article>.