خانه آموزش HTML آموزش تگ های HTML آموزش تگ Blink در HTML

آموزش تگ Blink در HTML

توسط

۱۳۹۷-۱۲-۰۵

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ Blink در HTML با من همراه باشید.

آموزش تگ Blink در HTML

Free-Learn

آنچه در این جلسه میخوانید :

1 تگ Blink در HTML
2 مثال از تگ Blink در HTML
3 پشتیبانی مرورگرها
4 نکات و توضیحات

تگ Blink در HTML

تگ Blink تگی است که با استفاده از آن میتوان یک متن / محتوای چشمک زن را ایجاد کرد، مثلا یک متنی که رنگش هی عوض شود و حالت روشن و خاموش باشد.

این تگ در HTML5 پشتیبانی نمی شود لذا باید بجای آن از ویژگی animation در CSS استفاده نمایید.

این تگ در دسته ی تگ های منسوخ شده و غیراستاندارد HTML می باشد و همچنین در اکثر مرورگرهای اینترنتی پشتیبانی نمی شود، هرچند ممکن است برخی از مرورگرها همچنان از این تگ پشتیبانی کنند ولی با این حال ممکن است هنگام استفاده از آن در مرورگرها شاهد هیچگونه عملی نباشید که در کل استفاده از آن هم پیشنهاد نمیشه ولی اگه دوس دارید استفاده کنید لطفا از مثال زیر که از CSS ایجاد شده استفاده نمایید.

Free-Learn

مثال از تگ Blink در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ :

<body>

<blink>Free-Learn.Ir</blink>

</body>

<body>

<blink>Free-Learn.Ir</blink>

</body>

مثال شماره ۲ : استفاده از ویژگی animation در CSS

<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>

<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 بجای این تگ استفاده نمایید. (همانند مثال شماره ۲)

Free-Learn

فروشگاه فری لرن

دریافت PDF یا پرینت این مطلب