تگ ins در HTML: نشان‌گذاری محتوای درج‌شده
تگ <ins> یکی از عناصر معنایی در HTML است که برای نشان‌دادن متن یا محتوای اضافه‌شده به یک سند استفاده می‌شود. این تگ معمولاً در ویرایش‌های متون، مقایسه نسخه‌های مختلف یا برجسته‌سازی تغییرات کاربرد دارد.
تگ ins همراه با تگ del (برای محتوای حذف‌شده) استفاده می‌شود تا تغییرات را به صورت بصری نمایش دهد.
ویژگی‌های اصلی تگ ins
| ویژگی |
توضیح |
cite |
آدرس URL که دلیل درج را توضیح می‌دهد |
datetime |
تاریخ و زمان درج محتوا |
نمونه‌های کاربردی
در مثال زیر، نحوه استفاده از تگ ins را مشاهده می‌کنید:
<p>قیمت محصول: <del>120,000 تومان</del> <ins>95,000 تومان</ins></p>
این کد در مرورگر به صورت زیر نمایش داده می‌شود:
قیمت محصول: 120,000 تومان 95,000 تومان
استایل‌دهی به تگ ins
می‌توانید با CSS ظاهر تگ ins را تغییر دهید. به مثال زیر توجه کنید:
<style>
ins {
background-color: #e8f5e9;
color: #2e7d32;
text-decoration: underline wavy;
padding: 2px 4px;
}
</style>
- پیش‌فرض مرورگرها: زیرخط‌دار کردن متن
- امکان تغییر رنگ، پس‌زمینه و سبک خط
- قابلیت استفاده از افکت‌های CSS3 مانند سایه
کاربردهای پیشرفته
از تگ ins می‌توان در موارد زیر استفاده کرد:
- سیستم‌های کنترل نسخه و ردیابی تغییرات
- نمایش تاریخچه ویرایش مقالات
- مقایسه اسناد حقوقی یا قراردادها
- بروزرسانی قیمت‌ها در فروشگاه‌های اینترنتی
برای اطلاعات بیشتر درباره تگ ins می‌توانید تگ ins در html.
نکته مهم: تگ ins یک عنصر خطی (inline) است، اما می‌تواند شامل عناصر بلوکی نیز باشد اگر در استاندارد HTML5 استفاده شود.
