تگ span در html چه کاربردی دارد؟ | معرفی تگ span | درباره تگ span

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

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

تگ span در html چه کاربردی دارد؟ | معرفی تگ span | درباره تگ span

تگ span در html چه کاربردی دارد؟ | معرفی تگ <span> | درباره تگ span

 

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

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

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

تگ span در html

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

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

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

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

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

تگ span در html

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

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

this is a paragraph.

نکته مهم

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

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

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

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

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

ویژگی های خصوصی تگ <span> در HTML

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

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

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

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