HTML Content Models

PreviousNext

HTML Content Models

HTML5 organizes elements into content categories to define their purpose and behavior.

Main Categories

  • Metadata: Elements like <meta>, <title> (in <head>)
  • Flow: Most elements that can appear in <body> (e.g., <p>, <div>)
  • Sectioning: Elements like <article>, <section>
  • Phrasing: Text-level elements like <span>, <strong>
HTML
<section>
  <p>This is flow and phrasing content.</p>
</section>

Your Task

Create a webpage with:

  1. A <section> containing a heading
  2. A paragraph with a <span> for emphasized text
AI Learning Assistant

Live Preview