HuntExams Academy
HTML/CSSIntermediate#html#semantics

What is the difference between HTML5's <section>, <article>, and <aside>?

<article> is self-contained, independently distributable content (a blog post, a product card). <section> is a thematic grouping of content, usually with a heading, within a larger document. <aside> is tangential content like a sidebar or pull quote, related but separate from the main flow.

Example
<article>
  <h2>Blog Post Title</h2>
  <section><h3>Introduction</h3></section>
  <aside>Related: 5 more posts like this</aside>
</article>

Related Questions

1
HTML/CSSBeginner#html#structure

What is the difference between the <head> and <body> sections of an HTML document?

Open
2
HTML/CSSBeginner#html#accessibility

What is the purpose of the alt attribute versus the title attribute on images?

Open
3
HTML/CSSBeginner#html#javascript

What is a data attribute and how is it used?

Open