این آموزش در تاریخ ۱۳۹۸/۱۱/۰۶ آپدیت شده است.
آموزش تگ Blink در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ Blink در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Blink در HTML
تگ Blink تگی است که با استفاده از آن میتوان یک متن / محتوای چشمک زن را ایجاد کرد، مثلا یک متنی که رنگش هی عوض شود و حالت روشن و خاموش باشد.
این تگ در HTML5 پشتیبانی نمی شود لذا باید بجای آن از ویژگی animation در CSS استفاده نمایید.
این تگ در دسته ی تگ های منسوخ شده و غیراستاندارد HTML می باشد و همچنین در اکثر مرورگرهای اینترنتی پشتیبانی نمی شود، هرچند ممکن است برخی از مرورگرها همچنان از این تگ پشتیبانی کنند ولی با این حال ممکن است هنگام استفاده از آن در مرورگرها شاهد هیچگونه عملی نباشید که در کل استفاده از آن هم پیشنهاد نمیشه ولی اگه دوس دارید استفاده کنید لطفا از مثال زیر که از CSS ایجاد شده استفاده نمایید.
Free-Learn
مثال از تگ Blink در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ :
|
1 2 3 4 5 |
<body> <blink>Free-Learn.Ir</blink> </body> |
مثال شماره ۲ : استفاده از ویژگی animation در CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<style> .blink{ animation: blinker 0.6s infinite; color: blue; font-size: 30px; } @keyframes blinker { 50% { opacity: 0; } } .blink1 { color:red; animation: blinker1 0.4s infinite; } @keyframes blinker1 { 0% { opacity: 0; } } .blink2 { animation: blinker2 0.8s infinite; color:green; } @keyframes blinker2 { 100% { opacity: 0; } } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ Blink در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | خیر | خیر | خیر | خیر | خیر |
Free-Learn
نکات و توضیحات
استفاده از این تگ با توجه به منسوخ و غیراستاندارد بودنش اصلا پیشنهاد نمیشه و ممکن است صفحات وبتان را خراب کند، لذا میتوانید از CSS بجای این تگ استفاده نمایید. (همانند مثال شماره ۲)
