• <div>: عنصر كتلة (block)، يبدأ سطرًا جديدًا ويأخذ العرض كاملًا. يُستخدم لتجميع العناصر في أقسام.
• <span>: عنصر مضمّن (inline)، يبقى داخل السطر. يُستخدم لتنسيق جزء صغير من النص.

<div class="card">
  <h3>SQL Guide</h3>
  <p>Price: <span class="price">Free</span></p>
</div>

ملاحظة

كلاهما بلا معنى خاص. قبل استخدام div، فكّر إن كان هناك وسم يصف المحتوى أفضل، مثل <section> أو <article> أو <nav>.

وكلاهما يدعم الأحداث مثل click، ويمكن أن يحتويا نصوصًا وصورًا.