تگ div و span

[irpersian20]

سلام امروز 6 تا مطلب در مورد div و span خودنم و راستش نفهمیدم راستش دو روز هست گیر کردم

[SlowCode]

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

[irpersian20]

سلام
متاسفانه متوجه نشدم کاربرد و دلیل و چرایی استفاده

[2undercover]

تگ span برای استایل دادن به یک سری عناصر inline (مثل متن یا یک بخش از سند) به کار می ره و هیچ استایل خاصی رو به خودی خود نداره.

تگ div برای جدا کردن یک بخش یا قسمت سند (مثلا بخش مقاله، دیدگاه ها و... که البته با تگ های مفهوم گرای HTML5 کاربرد کمتری داره) و استایل دادن به یک سری بلاک به کار می ره.

[Mohsen Neo]

تگ Div بعد خودش اینتر میزنه ولی Span نه ، فرقشون فقط همین هست . می تونید تست کنید در یک فایل html


<div>Teste Div</div>
<div>Teste Div</div>
<div>Teste Div</div>
<span>Teste Span</span>
<span>Teste Span</span>
<span>Teste Span</span>

[DavoodJafary]

با سلام .
دو نوع تگ وجود دارد دارد یکی تگ های inline و دیگری block ، تگ های inline به تگ های گفته می شود که در یک خط کنار هم قرار می گیرند مثل تگ <a> اما تگ های block زیر یکی دیگر قرار می گیرند مثل تگ <p> شما هر تعداد تگ <p> قرار دهید زیر یک دیگر قرار می گیرند . اما جواب سوال شما تگ <span> یک تگ inline است و تگ <div> یک تگ block است .
به مثال زیر توجه کنید تا منظور بنده را متوجه شوید:

<span>hello</span><span>world</span><div>???</div>

شما بعد از اجرای این کد مشاهده می کنید که جملات نوشته شده در بین تگ <sapn> در یک خط هستند اما جمله نوشته شده در تگ <div> در خط بعد قرار گرفته است .
امیدوارم تونسته باشم جواب سوال شما را داده باشم.:چشمک: