تفاوت بین div و span

2024 نویسنده: Alex Aldridge | [email protected]. آخرین اصلاح شده: 2023-12-17 13:37

تفاوت کلیدی – div vs span

HTML یک زبان پرکاربرد برای توسعه صفحات وب است. مخفف عبارت Hyper Text Markup Language است. اصطلاح Hyper به پیوند دادن به سایر منابع وب در اینترنت اشاره دارد. اصطلاح نشانه گذاری به توانایی ایجاد متن فرمت شده با تصاویر و سایر منابع چندرسانه ای اشاره دارد. هایپرلینک ها اجزای اصلی در HTML هستند که همه منابع وب را به یکدیگر متصل می کنند. چندین نسخه از HTML وجود دارد. آنها HTML 2.0، 3.2، 4.01 و HTML5 هستند. اساسا HTML یک سند متنی با برچسب است. این روش به مرورگر وب می گوید که چگونه صفحه وب را برای نمایش آن ساختاربندی کند. div و span دو تگ در HTML هستند.هر عنصر HTML بسته به نوع عنصر یک مقدار نمایش پیش فرض دارد. بنابراین، آنها می توانند یک بلوک یا عناصر درون خطی باشند. این مقاله به تفاوت بین div و span می پردازد. تفاوت اصلی بین div و span این است که div یک عنصر سطح بلوک است در حالی که span یک عنصر درون خطی است.

div چیست؟

همه اسناد html با اعلان نوع سند شروع می شوند. امروزه رایج ترین نسخه HTML HTML5 است. بنابراین، اعلان نوع است. تمام تگ های html باید در داخل تگ ها و قرار گیرند. جزئیات ضروری صفحه وب در داخل تگ گنجانده شده است. صفحه وب قابل مشاهده در داخل تگ نوشته شده است. برای هر هدف برچسب هایی وجود دارد.

تگبرای پاراگراف ها استفاده می شود.

،

و غیره برای سرفصل ها استفاده می شود. محتوای داخل تگ شروع و پایان به عنوان یک عنصر شناخته می شود. به عنوان مثال

این یک پاراگراف است

شکل 01: HTML5

هر عنصر HTML بسته به نوع عنصر یک مقدار نمایش پیش فرض دارد. مقادیر نمایش پیش فرض می توانند بلوک یا درون خطی باشند. عناصر سطح بلوک همیشه با یک خط جدید شروع می شوند. این عناصر تمام عرض موجود را می گیرند. چند نمونه از عناصر سطح بلوک عبارتند از

، و

تگ div نیز یک عنصر سطح بلوک در HTML است. نحو به شرح زیر است.

سلام دنیا!

عناصر div محفظه ای برای عناصر دیگر است. بنابراین، مجموعه ای از عناصر را می توان در عنصر div بسته بندی کرد. هنگامی که با Cascading Style Sheet (CSS) استفاده می شود، تگ div می تواند برای استایل دادن به یک بلوک محتوا استفاده شود. به کد زیر مراجعه کنید.

دو پاراگراف در داخل تگ div قرار دارند. تمام محتوای داخل تگ div دارای رنگ پس‌زمینه سیاه و رنگ قلم سفید است.

span چیست؟

بر خلاف عناصر سطح بلوک، عناصر درون خطی در یک خط جدید شروع نمی شوند. فقط عرض مورد نیاز را می گیرد. چند نمونه از عناصر درون خطی عبارتند از,, و

تگ span نیز یک عنصر درون خطی در HTML است. نحو به شرح زیر است.

سلام دنیا!

شکل 02: برچسب div و span

برچسب span به عنوان یک محفظه برای برخی از متن استفاده می شود. این تگ می تواند با CSS نیز استفاده شود. بنابراین می توان بخشی از متن را استایل بندی کرد. به مثال زیر مراجعه کنید. «paragraph1» در داخل تگ span قرار دارد. رنگ با استفاده از ویژگی سبک CSS اضافه می شود.

این پاراگراف 1 است

شباهت‌های بین div و span چیست؟

• هم div و هم span برچسب ها را در HTML گروه بندی می کنند.
• هم div و هم span حاوی تگ شروع و پایان هستند.
• هم div و هم span می توانند ویژگی style داشته باشند.

تفاوت بین div و span چیست؟

div vs span
div یک تگ HTML است که یک بخش یا بخش را در یک سند HTML تعریف می کند.	Span یک تگ HTML است که برای گروه بندی عناصر درون خطی در یک سند HTML استفاده می شود.
استفاده
برچسب div به عنوان ظرفی برای عناصر دیگر استفاده می شود.	برچسب span به عنوان یک محفظه برای برخی از متن استفاده می شود.
خط جدید
برچسب div با یک خط جدید شروع می شود.	برچسب span با یک خط جدید شروع نمی شود.
عرض مورد نیاز
برچسب div تمام عرض را خواهد گرفت.	برچسب span فقط عرض لازم را خواهد گرفت.
Syntax

خلاصه – div vs span

HTML مخفف Hyper Text Markup Language است. برای توسعه وب سایت استفاده می شود. این زبان از برچسب ها تشکیل شده است. تگ های گروه بندی div و span در HTML. آنها برای تعریف یک بخش در یک سند استفاده می شوند. این مقاله تفاوت بین تگ div و span را توضیح داد. تفاوت بین div و span این است که div یک عنصر سطح بلوک است در حالی که span یک عنصر درون خطی است.

دانلود PDF div vs span

می توانید نسخه PDF این مقاله را دانلود کنید و طبق یادداشت استنادی از آن برای اهداف آفلاین استفاده کنید. لطفاً نسخه PDF را از اینجا دانلود کنید: تفاوت بین div و span