آموزش تگ ins در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ ins در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Ins در HTML
تگ ins که از کلمه ( Inserted ) گرفته شده است، تگی است که با استفاده از آن میتوان یک خط به زیر یک کلمه ( یا بطور کلی محتوا ) کشید.
مرورگرها معمولا به محتوای موجود در تگ ins به عنوان یک محتوای قابل توجه ( نگاه ) میکنند.
همچنین با استفاده از تگ del میتوان یک محتوا را خط زد ( حذف کرد )
Free-Learn
مثال از تگ ins در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
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 11 12 13 14 15 |
<style> ins{ text-decoration:none; border-left:2px solid red; border-right:2px solid red; background-color:#f2f2f2; padding:4px; border-radius:12px; } ins:hover{ background-color:#525254; color:#fff; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ ins در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ ins در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| cite | URL | آدرس یک صفحه که در آن دلیل خط زیر دار کردن محتوا را توضیح داده باشد. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | مشخص کردن تاریخ و زمان دقیق زیر خط دار کردن محتوای مورد نظر.
سال-ماه-روز-Tساعت:دقیقه:ثانیهTZD (منطقه زمانی) |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ ins از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
کاربرد تگ ins در یک صفحه ی وب میتواند به صورت زیر باشد :
- تغییر و بروزرسانی محتوا در یک صفحه وب
مثلا من کلمه [ فری لرن ] رو درون تگ ins قرار میدم، سپس با استفاده از صفت cite میتونم یک آدرس صفحه جداگانه رو برای این تگ مشخص نمایم.
سپس مرورگرها وقتی میبینن که فری لرن درون تگ ins هست بهش توجه میکنن و چون از صفت cite استفاده کرده ام مرورگرها و ربات های جستجوگر سریع میرن و محتوای اون صفحه جداگانه رو مشاهده میکنند.
که بطور کلی این چیزا برای مروگرها و مخصوصا موتورهای جستجوگر میتونه خیلی مفید باشه و از نظر سئو نیز میتونه تاثیر مثبت داشته باشه.
آدرس یا مسیری که درون صفت cite قرار میگیرد بصورت ظاهری در مرورگرها برای کاربران نمایش داده نخواهد شد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ ins را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
ins { text-decoration: underline; } |
