Articulo de referencia

Elemento parpadeante

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 pretende que el contenido del elem...

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 pretende que el contenido del elemento parpadee (es decir, que alterne entre ser visible e invisible). [ 1 ] El elemento se introdujo en Netscape Navigator [ 2 ] pero ya no es compatible y a menudo es ignorado por los navegadores web modernos; algunos, como Internet Explorer , nunca lo admitieron. [ 1 ]

A pesar de su popularidad inicial entre los usuarios domésticos en la década de 1990, cayó en desuso debido a su uso excesivo y a la dificultad que presenta para la lectura. [ 3 ]

Origen

Lou Montulli , a quien a menudo se le atribuye la invención del elemento blink, afirma que solo sugirió la idea, sin escribir ningún código real. [ 2 ]

... En algún momento de la noche mencioné que era una lástima que Lynx no pudiera mostrar muchas de las extensiones HTML que estábamos proponiendo. También señalé que el único estilo de texto que Lynx podía aprovechar, dado su entorno, era el texto parpadeante. Nos reímos bastante al pensar en el texto parpadeante y hablamos de parpadear esto y aquello, y de lo absurdo que sería todo.  ... Llegó el sábado por la mañana y me dirigí a la oficina solo para encontrarme, cómo no, con texto parpadeante. Estaba en la pantalla parpadeando en todo su esplendor, y en el navegador. ¿Cómo era posible?, se preguntarán. Resulta que a uno de los ingenieros le gustó tanto mi idea que salió del bar pasada la medianoche, regresó a la oficina e implementó la etiqueta blink durante la noche. Seguía allí por la mañana y estaba bastante orgulloso de ello. [ 2 ]

Uso

El elemento blink no es estándar y, por lo tanto, no existe una especificación autorizada de su sintaxis o semántica. Si bien Bert Bos del Consorcio World Wide Web ha producido 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 con los elementos de énfasis y citas ), los comentarios en la DTD explican que se trata de 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 frecuencia de parpadeo depende del navegador, y la etiqueta no contiene parámetros ni medios para ajustarla. En las versiones de Mozilla Firefox que admiten la etiqueta, el texto alterna entre ser visible durante tres cuartos de segundo e invisible durante un cuarto de segundo. [ 5 ]<blink>This text could blink</blink>

El tipo de elemento blink se inventó por primera vez para Netscape Navigator y fue compatible con sus descendientes, como Mozilla Firefox (excepto para 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); se eliminó de Firefox en la versión 23. [ 6 ] [ 1 ] Internet Explorer de Microsoft y WebKit (el motor de navegador detrás de Safari de Apple y en un momento Google Chrome ) nunca lo admitieron, ni siquiera en su encarnación CSS. También fue compatible con el navegador Opera Internet Browser , pero la compatibilidad 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 admite una etiqueta blink funcional.

Netscape solo accedió a eliminar la etiqueta blink de su navegador si Microsoft accedía a eliminar la etiqueta marquee del suyo durante una reunión del HTML ERB en febrero de 1996. [ 7 ]

Algunos programas informáticos 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 Android admite la etiqueta blink, etiquetándola como TAG_1995en su código fuente. [ 9 ]

Implementación

El valor blink de la propiedad text-decoration de CSS permite a los autores sugerir que el texto parpadee sin usar etiquetas propietarias, pero la especificación CSS 2.1 establece que "los agentes de usuario conformes pueden simplemente no hacer parpadear el texto" para cumplir con las Pautas de Accesibilidad para Agentes 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 realmente parpadee debido a que los navegadores modernos no son compatibles con esta decoración:

Hasta el alcaudón, hasta el streep

El elemento de parpadeo también se puede implementar utilizando animaciones CSS .

@keyframes blink {0 % { opacidad : 1 } 75 % { opacidad : 1 } 76 % { opacidad : 0 } 100 % { opacidad : 0 }}parpadear , .blink -css {animación : parpadeo 0,75 s entrada suave alternada infinita ;}

Cuando a los elementos se les asigna una etiqueta blinko clase blink-css, como por ejemplo:

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

Esto produce lo siguiente:

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

< script type = "text/javascript" >( función () {var parpadea = documento . getElementsByTagName ( 'parpadear' );var visibilidad = 'oculta' ;ventana.setInterval ( function ( ) {para ( var i = blinks . length - 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 .

< script type = "text/javascript" >establecerIntervalo ( función (){$ ( 'parpadea' ). each ( function () {$ ( este ). 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 texto blanco sobre negro estándar y texto negro sobre blanco invertido. Un manual de Apple Computer de 1982 para desarrolladores desaconsejaba el uso de esta función excepto en casos de emergencia, advirtiendo que "[el texto intermitente] solo debe usarse para indicar la destrucción inminente de datos o del programa". [ 11 ]

El elemento de parpadeo ha sido criticado constantemente por expertos en usabilidad y accesibilidad . En 1996, Jakob Nielsen lo describió como "simplemente perverso" en su columna de Alertbox "Los diez principales errores del diseño web". [ 12 ] Las Pautas de Accesibilidad para el Contenido Web (WCAG) 1.0 del Consorcio World Wide Web establecen que los autores de contenido deben evitar que la pantalla parpadee, señalando que tales efectos pueden causar problemas a 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 intermitentes o parpadeantes con una frecuencia de parpadeo superior a 2 Hz e inferior a 55 Hz". [ 14 ]

La Ordenanza sobre tecnología de la información accesible ( Barrierefreie Informationstechnik-Verordnung ) del Gobierno Federal Alemán también establece que debe evitarse el contenido parpadeante o intermitente. [ 15 ]

Para cumplir con las Pautas de Accesibilidad del Agente de Usuario, un agente de usuario debe "[permitir la configuración para mostrar el contenido de texto animado o parpadeante como texto inmóvil, 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 se ha deshabilitado por completo desde la versión 23. [ 6 ]

Véase también

Referencias

  1. 1 2 3 " < blink > : El elemento de texto parpadeante" . MDN Web Docs . Mozilla . Archivado del original el 10 de mayo de 2023. Recuperado el 11 de septiembre de 2017 .
  2. 1 2 3 Montulli, Lou . "Los orígenes de la etiqueta <Blink> " . www.montulli.org . Archivado del original el 31 de marzo de 2022. Recuperado el 11 de septiembre de 2017 .
  3. Eaton, Kit (7 de agosto de 2013). "Decir adiós a la etiqueta HTML Blink" . Fast Company . Archivado del original el 19 de mayo de 2022. Recuperado 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 del original el 22 de enero de 2023. Recuperado el 12 de diciembre de 2006. Esto es básicamente HTML40, pero con BLINK añadido... El BLINK se añadió simplemente como una broma.
  5. 1 2 "VPAT para Firefox 3.0 y 3.5" . Mozilla . 13 de julio de 2009. Archivado del original el 17 de mayo de 2008. Recuperado el 23 de octubre de 2009. Cuando las páginas usan la etiqueta HTML <blink> , Firefox usa un ciclo de trabajo de 1 Hz con el texto visible durante 3/4 de cada ciclo.
  6. 1 2 "Notas de la versión de Firefox 23" . Mozilla . 6 de agosto de 2013. Archivado del 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 del original el 13 de julio de 2023. Recuperado el 24 de julio de 2023. La etiqueta BLINK fue eliminada en una reunión del HTML ERB . Netscape solo la aboliría si Microsoft aceptaba deshacerse de MARQUEE; se llegó a un acuerdo y ambas etiquetas desaparecieron.
  8. Shankland, Stephen; King, Mary (16 de abril de 2022). "20 huevos de Pascua ocultos de la búsqueda de Google para buscar" . CNET . Archivado del original el 27 de mayo de 2023. Recuperado 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 - platform/frameworks/base" . Google Git . Proyecto de código abierto de Android , Google . Recuperado el 20 de septiembre de 2019. 146 private static final String TAG_1995 = "blink";
  10. "Subrayado, superposición, resaltado y parpadeo: la propiedad 'text-decoration'" . Especificación de hojas de estilo en cascada de nivel 2, revisión 1 (CSS 2.1) . Grupo de trabajo de CSS , Consorcio World Wide Web . Archivado del original el 11 de mayo de 2023. Recuperado el 24 de julio de 2023 .
  11. Meyers, Joe; Tognazzini, Bruce (1982). "Pantallas". Directrices de diseño de Apple IIe (PDF) . Cupertino, California: Apple Inc. pág. 38. Recuperado el 24 de julio de 2023 a través de Internet Archive . El [texto] intermitente solo debe usarse 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 del original el 5 de julio de 2023. Consultado el 24 de julio de 2023. Por supuesto, <BLINK> es simplemente malvado. No hay nada más que decir.
  13. Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (5 de mayo de 1999). "Directrices de accesibilidad al contenido web 1.0" . Consorcio World Wide Web . Recuperado el 20 de julio de 2010 .
  14. "Estándares 508 revisados ​​y directrices 255" . Junta de Acceso de los Estados Unidos . 18 de enero de 2017. Archivado del original el 8 de julio de 2023. Recuperado el 24 de julio de 2023. El software no debe utilizar texto, objetos u otros elementos intermitentes o parpadeantes con una frecuencia de parpadeo superior 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. "Directrices de accesibilidad para agentes de usuario 1.0" . Consorcio World Wide Web . 17 de diciembre de 2002. Archivado del original el 26 de mayo de 2023. Consultado el 23 de octubre de 2009. Permite la configuración para mostrar contenido de texto animado o parpadeante como texto estático y sin parpadear.
  • Etiqueta de parpadeo entre navegadores