این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ ins در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ ins در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Ins در HTML
تگ ins که از کلمه ( Inserted ) گرفته شده است، تگی است که با استفاده از آن میتوان یک خط به زیر یک کلمه ( یا بطور کلی محتوا ) کشید.
مرورگرها و موتورهای جستجوگر معمولا به محتوای موجود در تگ ins به عنوان یک محتوای قابل توجه ( نگاه ) میکنند، مثلا میگن این یه چیزیه که تازه اضافه شده.
همچنین با استفاده از تگ del میتوان یک محتوا را خط زد ( یا هم حذف کرد ) و مرورگرها و موتورهای جستجوگر نیز به آن به عنوان یک محتوای حذف شده نگاه میکنند.
Free-Learn
مثال از تگ ins در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ ins ( بدون استایل )
|
1 2 3 4 5 |
<body> <p>My Name is <ins>Sadegh</ins></p> </body> |
مثال شماره ۲ : استایل دادن به تگ ins با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 |
<style> ins{ background-color:#f2f2f2; color:#f23e06; padding:4px 7px; font-weight:800; } </style> |
مثال شماره ۳ : استفاده از تگ del برای خط زدن متن و ins برای خط کشیدن زیر متن
|
1 2 3 4 5 |
<body> <p>My Name is <ins>Sadegh</ins> Not <del>Reza</del></p> </body> |
مثال شماره ۴ : استفاده از صفت cite در تگ ins
|
1 2 3 4 5 |
<body> My Name Is <ins cite="MyFile.html">Sadegh</ins> </body> |
مثال شماره ۵ : استفاده از صفت datetime در تگ ins
|
1 2 3 4 5 6 7 |
<body> <p> My Name Is <ins datetime="2021-11-15T22:00:00">Sadegh</ins> Asadi. </p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ ins در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ ins در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| cite | URL | آدرس یک صفحه که در آن دلیل خط زیر دار کردن محتوا را توضیح داده باشد |
| datetime | YYYY-MM-DDThh:mm:ssTZD | مشخص کردن تاریخ و زمان دقیق زیر خط دار کردن محتوای مورد نظر
سال-ماه-روز-Tساعت:دقیقه:ثانیهTZD (منطقه زمانی) |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ ins از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- کاربرد صفت cite و datetime در تگ ins فقط برای مرورگرها و موتورهای جستجوگر می باشد ( برای درک بهتر محتوا )
- آدرس URL که درون صفت cite قرار میگیرد بصورت ظاهری در مرورگرها برای کاربران نمایش داده نخواهد شد، و فقط مرورگرها و موتورهای جستجوگر قادر به درک و پیگیریش می باشند.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ ins را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
ins { text-decoration: underline; } |
