متن اضافه شده در HTML – المان <ins>

از المان <ins> در HTML برای نمایش متن اضافه شده استفاده می‌شود. معمولا متن داخلی این المان توسط مرورگرهای وب با یک خط زیر (به صورت Underline) رندر می‌شود. از این المان اغلب برای پیگیری تغییرات و نمایش تفاوت های نسخه جدید با نسخه قبلی یک متن یا سورس کد استفاده می‌شود.

نحوه استفاده از المان <ins> و درج متن اضافه شده در HTML

برای استفاده از المان <ins> کافیست متن موردنظر خود را مابین تگ شروع <ins> و تگ پایان </ins> قرار دهید. نمونه استفاده از این المان را در مثال زیر مشاهده می‌کنید.

<ins>This is an inserted text</ins>

نتیجه این المان مشابه با نمونه زیر خواهد بود.

گفتنی است ظاهر فوق به صورت پیشفرض با کمک ویژگی text-decoration در CSS برای این المان‌ها تعیین می‌شود. برای این منظور از مقدار underline برای ویژگی text-decoration یا text-decoration-line استفاده می‌شود.

المان <ins> معمولا همراه با المان دیگری به نام <del> نمایان می‌شود. از المان <del> برای نمایش متن حذف شده استفاده می‌شود. متن داخلی این المان معمولا توسط مرورگر با یک خط افقی روی آن (به صورت Strikethrough) رندر می‌شود.

<p>I prefer <del>red</del> <ins>green</ins> color.</p>

کد HTML فوق به صورت پیشفرض مشابه با نمونه زیر رندر می‌شود.

خصوصیت های قابل استفاده برای المان <ins>

در تگ شروع المان <ins> علاوه بر خصوصیت های عمومی اچ‌تی‌ام‌ال می‌توانید از خصوصیت های زیر نیز استفاده کنید:

خصوصیت cite: این خصوصیت، نشانی صفحه‌ای را مشخص می‌کند که در آن دلیل افزودن یا تغییر متن بیان می‌شود. خصوصیت cite معمولا در مرورگرهای وب هیچ‌گونه تأثیر ظاهری روی متن المان <ins> ندارد. در واقع لینکی برای هدایت به صفحه موردنظر در اختیار کاربر قرار نمی‌گیرد. با این حال مقدار این خصوصیت توسط اسکرین ریدرها و برخی ربات ها مورد استفاده قرار می‌گیرد.

خصوصیت datetime: این خصوصیت، تاریخ و زمان افزودن یا تغییر متن را مشخص می‌کند. خصوصیت datetime نیز در مرورگرهای وب هیچ‌گونه تأثیر ظاهری روی متن المان <ins> ندارد.

در مثال زیر می‌توانید نحوه استفاده از خصوصیت‌های cite و datetime را در یک المان <ins> مشاهده کنید.

<ins cite="ins_text.htm" datetime="2010-01-16T21:15:53Z">This is an inserted text</ins>

بازگشت به فهرست مجموعه آموزشی HTML