ما الفرق بين div وspan في HTML؟

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

HTML تطوير الويب

الإجابة

  • <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، ويمكن أن يحتويا نصوصًا وصورًا.

اختبر فهمك

ما الفرق بين العنصر div والعنصر span في HTML؟