آموزش تگ s در HTML
آموزش تگ s در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ s در HTML به صورت کامل آشنا بشید.
تگ S در HTML
تگ s که از کلمه ی ترکیبی ( Strike Through ) گرفته شده است، معنای لغوی آن اعتصاب است، با بکار بردن این تگ میتوان بروی یک متن یک خط کشید و اون متن رو عملا بی اعتبار کرد.
با این که تگ s در ظاهر شبیه تگ <del> است ( یعنی عملا یک کار رو انجام میدن و روی متن خط میکشن ) اما خب از نظر مرورگرها و موتورهای جستجوگر این ۲تا تگ کاملا با هم فرق میکنند.
وقتی از تگ <del> استفاده میشه اون میاد و یک متن رو روش خط میکشه و این برای مرورگرها و موتورهای جستجوگر یعنی اون متن یا محتوا حذف شده است یعنی دیگه در واقع اون محتوا در سایت وجود ندارد یا نخواهد داشت. ( یعنی چیزی که حذف شده )
در نتیجه مرورگرها یا موتورهای جستجوگر به اون متن یا محتوایی که درون تگ <del> قرار داره اهمیت نمیدن چون میگن این متن یا محتوا حذف شده است در نتیجه به عنوان یک محتوای حذف شده بهش نگاه میکنن.
و اما وقتی محتوایی درون تگ s قرار میگیرد، محتوایی است که باید در سایت وجود داشته باشد ولی خب مثلا برای مدتی اعتبارش از دست رفته یا برای مثال دیگه اون متن اعتبار سابق رو نداره.
بخش تخفیف های سایت های فروشگاهی اصلی ترین و بیشترین کاربرد برای این تگ بشمار می روند، مثلا قیمت این محصول این بوده بعد روش خط کشیدن و قیمت الانش رو تغییر دادن ( یعنی با این که قیمت اولیه تو سایت وجود داره ولی خب فعلا بی اعتبار هست )
مثال از تگ s در HTML
در ادامه آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال اول : در مثال پایین، مثلا من اول یک مطلب قرار دادم و گفتم ماشین من بنز است، اما خب مثلا بعد از مدتی ماشینم رو عوض کردم و فراری خریدم و اومدم گفتم ماشین جدید من فراری است و بنز رو درون تگ s گذاشتم.
<body dir="rtl"> <p>ماشین من <s>بنز</s> فراری است.</p> </body>
مثال دوم : استایل دادن به تگ s با استفاده از CSS
<style>
s{
background-color:#f2f2f2;
color:red;
font-weight:bold;
padding:4px;
}
</style>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ s در HTML پشتیبانی میکنند یا خیر.
پشتیبانی از صفات و رویدادهای عمومی
تگ s از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
فرض رو بر این بگیرید که یک وبسایت فروشگاھی دارید و میخواھید تخفیفی رو برای محصولات خودتون در نظر بگیرید، خب در این مورد به راحتی میتوانید از تگ s استفاده کنید، و بگید خب با این که قیمت اصلی محصول این هست، ولی ما کاری باهاش نداریم و قیمت اصلی در حال حاضر اعتباری براتون نداره چرا که قیمتی که تخفیف خورده مهمه.
پس خیلی بهتره قیمت اصلی رو با تگ s برای مدت زمانی که تخفیف دارید بی اعتبار کنید.
ولی اگه ما بخوایم بجای تگ s از تگ del برای اینکار استفاده کنیم.خب یعنی داریم میگیم قیمت اصلی محصول رو بکل حذف کن و از این به بعد قیمت اصلی محصول رو حذف شده حساب کن ، این درحالیه که ما قصد نداشتیم قیمت اصلی رو کلا حذف کنیم، فقط میخواستیم برای مدتی بی اعتبارش کنیم پس خیلی بهتره که از تگ s استفاده کنیم.
دستورات CSS پیش فرض
معمولا مرورگرها تگ s را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
s {
text-decoration: line-through;
}
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید