0Pricing
HTML Academy · Lesson

The section Element vs div

Know when to use section versus a plain div.

The section Element

The <section> element groups related content into a thematic section:

<section>
  <h2>Contact Information</h2>
  <p>Email: hello@example.com</p>
  <p>Phone: (555) 555-0100</p>
</section>

section vs div

The key question: does this group have a theme or purpose it could be named?

  • <section> — yes; it represents a thematic grouping, should have a heading
  • <div> — no; it is just a styling or scripting container

All lessons in this course

  1. header nav main and footer
  2. The article Element Self-Contained Content
  3. The section Element vs div
  4. Time address and mark
← Back to HTML Academy