تفاوت div و span [بایگانی]

na3er-faraji

پنج شنبه 15 بهمن 1388, 19:39 عصر

این دو چه تفاوتی با هم دارند و از هر کدوم کجا باید استفاده کرد ؟

Lagon666

پنج شنبه 15 بهمن 1388, 20:20 عصر

SPAN معمولا برای متون استفاده میشه، مثل P. این تگ صفتی برای پهنا و بلندی نداره، پس نمیتونه جزئی از قالب سایت باشه و فقط مختص متن هست.

صفت های تگ SPAN در W3Schools:

http://www.w3schools.com/TAGS/tag_span.asp

اما داستان DIV که مخفف DIVISION هست فرق دارد. Division یعنی بخش، با این تگ میشه صفحه رو به چند قسمت تقسیم کرد و به هر قسمت یه رنگ یا تصویر داد.

http://www.w3schools.com/tags/tag_DIV.asp

na3er-faraji

پنج شنبه 15 بهمن 1388, 22:05 عصر

اما با css میشه به هر دو میشه پهنی و بلندی داد ؟؟؟

Lagon666

پنج شنبه 15 بهمن 1388, 22:25 عصر

آره، درسته، من اشتباه کردم. یکم بیشتر که جستجو کردم و یه مفهوم کامل برای این سوال پیدا کردم. توی لینک زیر گفته شده که span in-line هست اما div block-line است. اولی برای کدهای کوتاه و دومی برای کد های بیشتر استفاده میشه.

http://htmldog.com/guides/htmlintermediate/spandiv/

شاید دلیل بنیان گذار ها برای جدا کردن این دو، نوع پردازش اون ها بوده.

na3er-faraji

جمعه 16 بهمن 1388, 09:35 صبح

فکر می کنم با ورود css خیلی از تگ ها دیگه کاربرد خودشونو از دست دادن. مثلا به جای تگ img به راحتی میشه از div+css استفاده کردد ؟ یا به جای buton از div+css ؟ کم کم دارم همه چی رو شبیه div می بینم ؟ به نظر شما این درسته ؟

Lagon666

جمعه 16 بهمن 1388, 20:44 عصر

موافقم، قبلا باری رو که HTML به دوش می کشید، حالا بین CSS و HTML تقسیم کردن. مطمئنا CSS هم خوب از پسش بر اومده. CSS 3 که دیگه فوق العاده شده.

mkvisual

دوشنبه 24 مرداد 1390, 00:03 صبح

یکی از بدیهای سی اس اس اینه که از مرورگر تا مرورگر فرق داره ...
مثلا اکسپرورر خیلی از سی اس اس های نسخه 3 رو تا اونجایی که من میدونم نمیخونه ...
اگه اشتباه میگم بگین .

mamali-mohammad

دوشنبه 24 مرداد 1390, 01:15 صبح

IE کلا قاطی داره
خیلی از کدهای CSS3 رو نمیخونه
اما می تونید فیلتر کنید برای IE تا ساپورت کنه

mlf_mlv

چهارشنبه 26 مرداد 1390, 16:46 عصر

منظورتون از فیلتر کردن چیه؟ می شه یه مثال بزنید بی زحمت؟

erfansmart

دوشنبه 31 مرداد 1390, 14:30 عصر

:متفکر:درسته ناصر راست میگه:متفکر:

:قهقهه:چرا انقدر خودتو تو دردسر میندازی؟:قهقهه:

erfansmart

دوشنبه 31 مرداد 1390, 14:36 عصر

:متفکر:با سی اس اس میشه این کارو کرد من برات آموزششرو به زبان فارسی میزارم فقط بخونش میتونی این کارو با سی اس اس بکنه:متفکر:

developerteam.tk/erfan (http://barnamenevis.org/developerteam.tk/erfan)

erfansmart

دوشنبه 31 مرداد 1390, 14:40 عصر

:اشتباه:ببخشید فقط به زبون انگلیسی پیذا کردم
:متفکر:

erfansmart

دوشنبه 31 مرداد 1390, 14:56 عصر

همین الان تو سایتم گزاشتم:لبخند:

erfansmart

چهارشنبه 02 شهریور 1390, 11:43 صبح

برو تو سایتم مشکلتو گذاشتم

developerteam.tk/erfan (http://barnamenevis.org/developerteam.tk/erfan)

hamiii

چهارشنبه 02 شهریور 1390, 14:46 عصر

با استفاده از css میشه از هر تگی هر استفاده ای کرد.مثلا میشه با تگp یا a و حتی span صفحه را کادر بندی کرد.ولی دلیل نمیشه چون این کار امکان پذیره انجامش بدیم.
هر تگ برای جزیی از صفحه ایجاد شده و این به موتورهای جستجو کمک میکنه که سایت شما را بهتر شناسایی کنند.مثلا تیتر مطالب رو با استایل دهی به تگ a هم میشه ایجاد کرد،ولی بهتره از تگ مخصوص به اون یعنی تگ های headeing استفاده بشه.
تگ h1 نسبت به a سئوی بالاتری داره و موتورهای جستجو هر جا اون رو ببینن به عنوان تیتر مطالب در نظر میگیرن و رتبه بالاتری بهش میدن.
تگ span برای استایل دهی خطی است. به عنوان مثال شما میخواین قسمتی از یک پاراگراف رو تغییر رنگ بدین و یا استایل متنی خاصی بهش بدین.مقدار پیشفرض برای display اون inline هست که البته به گفته دوستمون در موارد خاص میشه این مقدار رو به block تغییر داد و برای span ارتفاع و عرض ایجاد کرد.
تگ div هم گکه کارش معلومه،قسمت بندی صفحات یا همون division
موفق باشی

erfansmart

چهارشنبه 02 شهریور 1390, 18:10 عصر

راستی تو سایتم مشکلتو گذاشتم

http://developerteam.tk/erfan/