آموزش تگ ins در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ ins در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Ins در HTML
تگ ins
که از کلمه ( Inserted ) گرفته شده است، تگی است که با استفاده از آن میتوان یک خط به زیر یک کلمه ( یا بطور کلی محتوا ) کشید.
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 استفاده کرده ام مرورگرها و ربات های جستجوگر سریع میرن و محتوای اون صفحه جداگانه رو مشاهده میکنند.
که بطور کلی این چیزا برای مروگرها و مخصوصا موتورهای جستجوگر میتونه خیلی مفید باشه و از نظر سئو نیز میتونه تاثیر مثبت داشته باشه.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ ins
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 |
ins { text-decoration: underline; } |