تگ div و span

[iranch]

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

[OSEN]

مهم ترین فرقشون اینه که span عنصر inline هست و div عنصر block.
و اینکه از div برای تگ گذاشتن یه بخش از سندت میتونی استفاده کنی ولی از span باید برای تگ گذاشتن یه "بخشی از متن" استفاده کنی.

مثال :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
حالا میتونی اون بخشی که با span مارک کردی رو بصورت مجزا از کلیت div استایل کنی.

امیدوارم متوجه شده باشی .

[iranch]

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

[OSEN]

سلام.
دوستِ عزیز اگر دقیقا و جزئی تر بگید که مشکلتون توی درک کدوم بخش هست بهتر میشه کمک کرد.
باز من یه توضیح مجدد میدم، امیدوارم که کمکت کنه.

فرض کن ما چنتا عنصر داریم. مثلا چند تا <p>, <h1>, <h2>, <img> و... ، که میخوایم اینا رو با هم استایل کنیم مثلا یه بکگراند خاصی رو به مجموعه ی این عناصر بدیم. خوب ما میایم همه ی اون ها رو توی یه <div> قرار میدیم و به راحتی استایل میکنیم. مثلا :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

برای span هم که تو پست بالا مثال زدم. مجددا :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
توی این مثال هم هدینگ و هم پاراگراف رنگ آبی خواهند داشت البنه بغیر از اون بخشی که با <span> مارک کردیم و بعد بش استایل دادیم که قرمز رنگ خواهد بود.
اگر به همین مثال ها خوب دقت کنی کاملا میتونی متوجه بشی .
---------------------------

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

[iranch]

سلام
عالی بود فهمیدم
فقط id و name وtitle برای چه هست/ و چه کاربردی داره؟


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[OSEN]

خب، خدا رو شکر.

نمیدونم این مثال رو از کجا آوردی چون توش اشتباه داره. نباید از خاصیت name توی عنصر div استفاده بشه اصلا. خاصیت name برای form هاست، نه چیز دیگه ای...

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

کاربرد id (و class) هم برای اینه که بعدا بتونی توی فایل cssـت اون رو هدف بگیری و راحت استایلش کنی.
مثلا مثالایی که بالا زدم رو در نظر بگیر مجددا. اگر توی به صفحه ای که شامل مثلا بیست تا div هست بخوایم یکیشون رو استایل کنیم، کار سخت و البته غیر اصولی خواهد بود. پس میایم با یه class (و یا اگر نیاز بود id) اون رو علامت میزنیم و بعدا زاحت با مشخص کردن اون کلسی که بش دادیم استایلش میکنیم.
تفاوت id و class هم در اینه که از آیدی توی هر صفحه فقط یک بار میتونی استفاده کنی ولی از class به هر تعدادی که دلت بخواد (تفاوت های دیگه ای مثل specificity و... هم دارن که بعدا بشون میرسی).

ضمن اینکه توی مثالی که زدی از inline style استفاده شده که اصلا توصیه نمیشه. باید استایلت رو توی یه فایل css مجزا بصورت بکجا داشته باشی تا بعدا انجام تغییراتِ احتمالی برات خیلی آسون تر بشه.

--------------------------

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

اول HTML :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

و بعد CSS :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

موفق باشی :n16:.

[iranch]

سلام
راستش دارم از همین سایت میخونم اما خنگم متاسفانه