آموزش تگ Blink در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ Blink در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Blink در HTML
تگ Blink
تگی است که با استفاده از آن میتوان یک متن / محتوای چشمک زن را ایجاد کرد، مثلا یک متنی که رنگش هی عوض شود و حالت روشن و خاموش باشد.
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 بجای این تگ استفاده نمایید. (همانند مثال شماره ۲)