Article, Section, and Aside
<article> represents a self-contained piece of content that could stand independently. <section> represents a thematic grouping of content, usually with a heading. <aside> contains content tangentially related to the surrounding content.
Content Grouping
<article>\n <h2>HTML Accessibility</h2>\n <section>\n <h3>Keyboard Access</h3>\n <p>Interactive controls should be keyboard accessible.</p>\n </section>\n <aside>Related accessibility resources</aside>\n</article>💡 The article is self-contained, section groups a topic, and aside provides related but secondary information.
Key Takeaways
- Use article for independently distributable content.
- Use section for thematic grouping and aside for tangential content.
Knowledge Check
Which element is best for a self-contained blog post?