What is the difference between HTML5's , , and ?

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>

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

Related Questions

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

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

What is a data attribute and how is it used?