تگ span در html چه کاربردی دارد؟
تگ span در html چه کاربردی دارد؟ بخش با محتوا متفاوت
در این مقاله از سایت آموزی جهت استفاده شما مخاطبان گرامی به معرفی و کاربرد تگ span در html می پردازیم.
تگ span در html چه کاربردی دارد؟
تگ span در html ، به عنوان یکی از تگ های پرکاربرد به حساب می آید. این تگ هم دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.
کاربرد عنصر <span> در سند html
معمولا از عنصر <span> زمانی استفاده می شود که قصد داریم بخشی از محتوای درونی یک تگ html را به شکل متفاوتی نمایش دهیم. مثلا گاهی میخواهیم بخشی از متن درونی شامل فونت یا رنگ متن متفاوتی نسبت به بقیه متن یک پاراگراف باشد.
و یا مثلا بخشی از متن میخواهیم به شکل آندرلاین شده بیاید و… تگ <span> به عنوان یک المنت inline-level تعریف می شود. در آموزش های قبلی گفتم که در اسناد html تگ های inline-level یک بلاک کامل را اشغال نمی کنند. تگ <span> می تواند درون یک محتوای تگ p و یا درون یک تگ هدینگ و یا درون یک تگ div و… بیاید.
مثال در مورد عنصر <span> در اچ تی ام ال
<p>this is <span style="color:red;">a</span>paragraph.</p>
خروجی کد در مرورگر اینترنتی
this is a paragraph.
نکته مهم:
زمانی که از عنصر <span> استفاده می کنیم، می توانیم از ویژگی های CSS یا JavaScript برای این تگ استفاده کنیم.
تفاوت عنصر <span> براساس HTML 4.01 و HTML5
هیچگونه تفاوتی از نظر عملکرد در تگ <span> در نسخه HTML4.01 و نسخه HTML5 وجود ندارد.
ویژگی های عمومی عنصر <span> در اچ تی ام ال
تگ span در html از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
ویژگی های خصوصی تگ <span> در اچ تی ام ال
عنصر <span> هیچگونه ویژگی خصوصی در سند HTML ندارد.
پشتیبانی مرورگرها از عنصر <span> در اچ تی ام ال
عنصر <span> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
تگ span در html چه کاربردی دارد؟ بخش با محتوا متفاوت – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید