HTML | <parpadeo> Etiqueta

La etiqueta HTML <blink> se usa para crear un texto parpadeante que parpadea lentamente. Ha quedado obsoleto en todos los navegadores de moda, mientras que algunos navegadores nunca lo soportaron en lo más mínimo. Esta etiqueta tampoco fue estandarizada por el lenguaje de marcado de hipertexto.

Puede recrear un impacto visual idéntico usando CSS y JavaScript. Las pautas de uso de Internet recomiendan enérgicamente no usar texto parpadeante, ya que podría causar problemas a los usuarios discapacitados. El efecto de parpadeo rara vez se emplea porque es molesto para los usuarios mirar el texto parpadeando constantemente.

Ejemplo 1: este ejemplo no funcionará porque el componente de parpadeo está obsoleto. Para inducir el efecto de parpadeo para sentarse con el EJEMPLO 2 que se aplica con JavaScript.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Blinking text using HTML
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <blink>
        Blink tag not working
        in HTML
    </blink>
</body>
  
</html>

Producción:

Ejemplob 2: Este ejemplo usa JavaScript para crear un efecto de parpadeo.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Blinking with JavaScript
    </title>
  
    <style>
        #blink {
            font-size: 20px;
            font-weight: bold;
            font-family: sans-serif;
        }
    </style>
</head>
  
<body>
    <p id="blink">
        Hello Geeks let's Blink
    </p>
      
    <script type="text/javascript">
        var blink = 
            document.getElementById('blink');
  
        setInterval(function () {
            blink.style.opacity = 
            (blink.style.opacity == 0 ? 1 : 0);
        }, 1000); 
    </script>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por yash41997 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *