تگ span در html چه کاربردی دارد؟ بخش با محتوا متفاوت

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

تگ <span> در html چه کاربردی دارد؟

تگ span در html چه کاربردی دارد؟ بخشی با محتوای متفاوت

تگ <span> در html ، به عنوان یکی از تگ های پرکاربرد به حساب می آید.

این تگ هم دارای یک تگ باز ( Opening Tag )  و یک تگ بسته ( Closing Tag ) می باشد.

کاربرد تگ <span> در سند html

تگ span در html چه کاربردی دارد؟ بخشی با محتوای متفاوت

معمولا از تگ <span> زمانی استفاده می شود که قصد داریم بخشی از محتوای درونی یک تگ html را به شکل متفاوتی نمایش دهیم. مثلا گاهی میخواهیم بخشی از متن درونی شامل فونت یا رنگ متن متفاوتی نسبت به بقیه متن یک پاراگراف باشد.

و یا مثلا بخشی از متن میخواهیم به شکل آندرلاین شده بیاید و…

تگ <span> به عنوان یک المنت inline-level تعریف می شود.

در آموزش های قبلی گفتم که در اسناد html تگ های inline-level یک بلاک کامل را اشغال نمی کنند.

تگ <span> می تواند درون یک محتوای تگ p و یا درون یک تگ هدینگ و یا درون یک تگ div و… بیاید.

مثال در مورد تگ <span> در اچ تی ام ال

[html]<p>this is <span style=”color:red;”></span>paragraph.</p>[/html]

خروجی کد در مرورگر اینترنتی

this is a paragraph.

نکته مهم

زمانی که از تگ <span> استفاده می کنیم، می توانیم از ویژگی های CSS یا JavaScript برای این تگ استفاده کنیم.

تفاوت تگ <span> براساس HTML 4.01 و HTML5

هیچگونه تفاوتی از نظر عملکرد در تگ <span> در نسخه HTML4.01  و نسخه HTML5 وجود ندارد.

ویژگی های عمومی تگ <span> در اچ تی ام ال

تگ <span> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

ویژگی های خصوصی تگ <span> در اچ تی ام ال

تگ <span> هیچگونه ویژگی خصوصی در سند HTML ندارد.

پشتیبانی مرورگرها از تگ <span> در اچ تی ام ال

تگ <span> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

تگ span در html چه کاربردی دارد؟ بخش با محتوا متفاوت – اختصاصی سایت آموزی