Elemento parpadeante

Elemento HTML que provoca que el texto parpadee

El elemento blink es un elemento HTML no estándar que indica a un agente de usuario (generalmente un navegador web ) que el autor de la página desea que el contenido del elemento parpadee (es decir, alterne entre ser visible e invisible). [1] El elemento se introdujo en Netscape Navigator [2] pero ya no es compatible y los navegadores web modernos a menudo lo ignoran; algunos, como Internet Explorer , nunca admitieron el elemento en absoluto. [1]

A pesar de su popularidad inicial entre los usuarios domésticos en la década de 1990, cayó en desgracia debido a su uso excesivo y la dificultad que presenta en la lectura. [3] Lou Montulli , a menudo reconocido como el inventor del elemento parpadeante, afirma que solo sugirió la idea, sin escribir ningún código real. [2]

... En algún momento de la tarde mencioné que era triste que Lynx no fuera a poder mostrar muchas de las extensiones HTML que estábamos proponiendo, también señalé que el único estilo de texto que Lynx podía explotar dado su entorno era el texto parpadeante. Nos reímos bastante con la idea del texto parpadeante, y hablamos sobre parpadear esto y aquello y lo absurdo que sería todo el asunto. ... Llegó la mañana del sábado y me dirigí a la oficina solo para encontrarme con algo más que texto parpadeante. Estaba en la pantalla parpadeando en todo su esplendor, y en el navegador. ¿Cómo podía ser esto?, podría preguntarse. Resulta que a uno de los ingenieros le gustó tanto mi idea que se fue del bar pasada la medianoche, regresó a la oficina e implementó la etiqueta parpadeante durante la noche. Todavía estaba allí por la mañana y muy orgulloso de ello. [2]

Uso

¡Hola Mundo!

Ejemplo de texto parpadeante (logrado mediante CSS; la etiqueta <blink> en sí está obsoleta y ya no funciona en la mayoría de los navegadores)

El elemento blink no es estándar y, como tal, no existe una especificación autorizada de su sintaxis o semántica. Si bien Bert Bos del World Wide Web Consortium ha elaborado una definición de tipo de documento que incluye la sintaxis para el elemento blink (definiéndolo como un elemento de frase a la par de los elementos para énfasis y citas ), los comentarios en la DTD explican que está pensado como una broma. [4]

La sintaxis del elemento blink es idéntica a la de elementos HTML estándar en línea como span. Por ejemplo: . La velocidad de parpadeo es específica del navegador y la etiqueta no contiene parámetros ni medios para ajustar la velocidad de parpadeo. En las versiones de Mozilla Firefox que admiten la etiqueta, el texto alterna entre ser visible durante tres cuartos de segundo y ser invisible durante un cuarto de segundo. [5]<blink>This text could blink</blink>

El tipo de elemento blink fue inventado por primera vez para Netscape Navigator y fue soportado en sus descendientes, como Mozilla Firefox (excepto Netscape 6 y los primeros navegadores de la suite Mozilla —por lo tanto, también está ausente de SeaMonkey , que desciende de la suite Mozilla); fue eliminado de Firefox en la versión 23. [6] [1] Internet Explorer y WebKit de Microsoft (el motor de navegador detrás de Safari y Google Chrome de Apple ) nunca lo soportaron, incluso en su encarnación CSS. También fue soportado por Opera Internet Browser , pero el soporte terminó en la versión 15 cuando ese navegador cambió a un motor basado en WebKit. Vivaldi , a pesar de sus raíces como sucesor espiritual de Opera basado en Presto , tampoco soporta una etiqueta blink funcional.

Netscape sólo aceptó eliminar la etiqueta blink de su navegador si Microsoft aceptaba deshacerse de la etiqueta marquee en el suyo durante una reunión de HTML ERB en febrero de 1996. [7]

Algunos programas admiten el elemento blink como un huevo de Pascua . La Búsqueda de Google hace parpadear partes de la página cuando se busca "blink html". [8] El marco de interfaz de usuario de AndroidTAG_1995 admite la etiqueta blink, etiquetándola como si estuviera en su código fuente. [9]

Implementación

El valor de parpadeo de la propiedad text-decoration de CSS permite a los autores sugerir que el texto debe parpadear sin utilizar etiquetas propietarias, pero la Especificación CSS 2.1 establece que "los agentes de usuario que cumplen con las normas pueden simplemente no hacer parpadear el texto" para cumplir con las Pautas de Accesibilidad del Agente de Usuario . [10]

< span  style = "text-decoration: blink;" > Hasta el porshrop, hasta el streep </ span >

Esto produce lo siguiente en la página (es poco probable que parpadee debido a que los navegadores modernos no admiten la etiqueta):

Hasta el porshrop, hasta el streep

El elemento blink también se puede implementar usando animaciones CSS .

@ fotogramas clave parpadean {  0 % { opacidad : 1 } 75 % { opacidad : 1 } 76 % { opacidad : 0 } 100 % { opacidad : 0 }               }parpadear , .blink -css {  animación : parpadeo 0,75 s facilidad-en infinito alternativo !importante ;    }

Cuando a los elementos se les asigna la etiqueta o clase blink, como por ejemplo:

< span  class = "blink-css" > Hasta el árbol genealógico del porshrop, hasta el árbol genealógico del porshrop </ span >

Esto produce lo siguiente:

Hasta el árbol genealógico del porshrop, hasta el árbol genealógico del porshrop.

También se pueden lograr efectos similares mediante el uso de JavaScript .

< tipo de script  = "texto/javascript" > ( función () {  var parpadea = documento . getElementsByTagName ( 'parpadear' );    var visibilidad = 'oculto' ;    ventana .setInterval ( función ( ) {  para ( var i = parpadea.longitud - 1 ; i > = 0 ; i -- ) {            parpadea [ i ]. estilo . visibilidad = visibilidad ;   } visibilidad = ( visibilidad === 'visible' ) ? 'oculto' : 'visible' ;         }, 250 );  })();</script>< blink > Texto para parpadear aquí </ blink >

O alternativamente, la funcionalidad de parpadeo se puede implementar con la ayuda de jQuery .

< tipo de script  = "texto/javascript" > setInterval ( función (){ $ ( 'parpadeo' ). cada ( función () {  $ ( esto ). alternar (); }); }, 250 ); </script>< blink > Texto para parpadear aquí </ blink >

Usabilidad y accesibilidad

Incluso antes de la implementación de la etiqueta blink en HTML, el Apple IIe tenía un modo de texto intermitente, que alternaba entre el texto estándar blanco sobre negro y el texto inverso negro sobre blanco. Un manual de Apple Computer de 1982 para desarrolladores desaconsejaba el uso de esta función excepto en casos de emergencia, advirtiendo que "[l]e texto intermitente sólo debe utilizarse para indicar la destrucción inminente de datos o del programa". [11]

El elemento parpadeante ha sido criticado constantemente por los expertos en usabilidad y accesibilidad . En 1996, Jakob Nielsen describió el elemento como "simplemente malvado" en su columna de Alertbox "Los diez errores más comunes en el diseño web". [12] Las Pautas de Accesibilidad al Contenido Web (WCAG) 1.0 del Consorcio World Wide Web establecen que los autores de contenido deben evitar que la pantalla parpadee o parpadee, y señalan que estos efectos pueden causar problemas a las personas con discapacidades cognitivas o epilepsia fotosensible . [13]

La Junta de Acceso de los Estados Unidos establece que las páginas "no deben utilizar texto, objetos u otros elementos parpadeantes o intermitentes que tengan una frecuencia de parpadeo o destello mayor a 2 Hz e inferior a 55 Hz". [14]

El Ordenanza sobre tecnología de la información accesible del Gobierno Federal alemán también establece que se debe evitar el parpadeo o el parpadeo de los contenidos. [15]

Para cumplir con las Pautas de Accesibilidad del Agente de Usuario, un agente de usuario debe "permitir que la configuración represente el contenido de texto animado o parpadeante como texto inmóvil y sin parpadear" o nunca hacer parpadear el texto. [16] Mozilla Firefox cumplió con este requisito al proporcionar una opción de configuración oculta para deshabilitar el parpadeo, [5] browser.blink_allowed , a la que se podía acceder a través de about:config . La función de parpadeo ha estado deshabilitada por completo desde la versión 23. [6]

Véase también

Referencias

  1. ^ abc «<blink>: El elemento de texto parpadeante». MDN Web Docs . Mozilla . Archivado desde el original el 10 de mayo de 2023 . Consultado el 11 de septiembre de 2017 .
  2. ^ abc Montulli, Lou . "Los orígenes de la etiqueta <Blink>". www.montulli.org . Archivado desde el original el 31 de marzo de 2022 . Consultado el 11 de septiembre de 2017 .
  3. ^ Eaton, Kit (7 de agosto de 2013). "Decirle adiós a la etiqueta HTML Blink". Fast Company . Archivado desde el original el 19 de mayo de 2022. Consultado el 11 de septiembre de 2017 .
  4. ^ Bos, Bert (10 de noviembre de 1999). "HTML40, pero con BLINK añadido". Consorcio World Wide Web . Archivado desde el original el 22 de enero de 2023. Consultado el 12 de diciembre de 2006. Básicamente, esto es HTML40, pero con BLINK añadido... El BLINK se añade simplemente como una broma.
  5. ^ ab "VPAT para Firefox 3.0 y 3.5". Mozilla . 13 de julio de 2009. Archivado desde el original el 17 de mayo de 2008 . Consultado el 23 de octubre de 2009 . Cuando las páginas utilizan la etiqueta HTML <blink>, Firefox utiliza un ciclo de trabajo de 1 Hz con el texto visible durante 3/4 de cada ciclo.
  6. ^ ab "Notas de la versión de Firefox 23". Mozilla . 6 de agosto de 2013. Archivado desde el original el 7 de julio de 2023 . Consultado el 8 de agosto de 2013 . ... Se eliminó el efecto de parpadeo de text-decoration: blink; y se eliminó por completo el elemento <blink>...
  7. ^ Raggett, Dave ; Lam, Jenny; Alexander, Ian; Kmiec, Michael (1998). "Capítulo 2 - Una historia de HTML". Consorcio World Wide Web . Archivado desde el original el 13 de julio de 2023 . Consultado el 24 de julio de 2023 . La etiqueta BLINK fue eliminada en una reunión de la ERB de HTML. Netscape solo la aboliría si Microsoft aceptaba deshacerse de MARQUEE; el acuerdo se cerró y ambas etiquetas desaparecieron.
  8. ^ Shankland, Stephen; King, Mary (16 de abril de 2022). "20 huevos de Pascua ocultos en la búsqueda de Google que debes buscar". CNET . Archivado desde el original el 27 de mayo de 2023 . Consultado el 24 de julio de 2023 . Escribe blink HTML en el cuadro de búsqueda y obtendrás una lista de resultados de búsqueda donde las palabras "blink" y "HTML" parpadean.
  9. ^ "core/java/android/view/LayoutInflater.java - plataforma/frameworks/base". Google Git . Proyecto de código abierto Android , Google . Consultado el 20 de septiembre de 2019 . 146 private static final String TAG_1995 = "blink";
  10. ^ "Subrayado, superposición, tachado y parpadeo: la propiedad 'decoración de texto'". Especificación de hojas de estilo en cascada, nivel 2, revisión 1 (CSS 2.1) . Grupo de trabajo CSS , Consorcio World Wide Web . Archivado desde el original el 11 de mayo de 2023 . Consultado el 24 de julio de 2023 .
  11. ^ Meyers, Joe; Tognazzini, Bruce (1982). "Displays". Apple IIe Design Guidelines (PDF) . Cupertino, California: Apple Inc. p. 38 . Consultado el 24 de julio de 2023 – vía Internet Archive . El parpadeo [texto] solo debe utilizarse para indicar la destrucción inminente de datos o del programa.
  12. ^ Nielsen, Jakob (30 de abril de 1996). "Los diez errores más comunes en el diseño web". Nielsen Norman Group . Archivado desde el original el 5 de julio de 2023. Consultado el 24 de julio de 2023. Por supuesto, <BLINK> es simplemente malvado. No hay más que decir.
  13. ^ Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (5 de mayo de 1999). "Pautas de Accesibilidad al Contenido Web 1.0". Consorcio World Wide Web . Consultado el 20 de julio de 2010 .
  14. ^ "Estándares revisados ​​508 y pautas 255". Junta de Acceso de los Estados Unidos . 18 de enero de 2017. Archivado desde el original el 8 de julio de 2023. Consultado el 24 de julio de 2023. El software no debe utilizar texto, objetos u otros elementos parpadeantes o intermitentes que tengan una frecuencia de parpadeo o destello mayor a 2 Hz e inferior a 55 Hz.
  15. ^ "BITV-Einzelnorm". gesetze-im-internet.de. 12 de septiembre de 2011 . Consultado el 3 de marzo de 2014 .
  16. ^ "Pautas de accesibilidad del agente de usuario 1.0". World Wide Web Consortium . 17 de diciembre de 2002. Archivado desde el original el 26 de mayo de 2023. Consultado el 23 de octubre de 2009. Permitir que la configuración represente el contenido de texto animado o parpadeante como texto inmóvil y sin parpadear.
  • Etiqueta de parpadeo entre navegadores

Obtenido de "https://es.wikipedia.org/w/index.php?title=Elemento_parpadeante&oldid=1246232246"