برای درک بهتر اول باید با المانهای بلاکی و خطی آشنا باشید.

المانهای in-line یا خطی المان هایی هستند که اگر قبل و بعدشون متنی رو قرار بدید، تمام اون متن رو در یک خط قرار میدهند. تگ span از این نوع هست.

اما المانهای بلاکی هم به این صورت هستند که اون متن رو در یک خط جدید میارن. مثل تگ div و همچینین p, h1, h2 و... .

براساس همین تعاریف بالا تست کردند و متوجه شدند که در نود درصد کار طراحی شما بهتره از div استفاده کنید (مثل تعریف هدر و فوتر و سایدبار و...) و فقط وقتی از تگ span استفاده میشه که بخواید به بخشی از یک نوشته استایل خاصی بدید (مثلا رنگ یک کلمه رو عوض کنید)