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 tiene la intención de 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, a menudo, los navegadores web modernos lo ignoran; algunos, como Internet Explorer , nunca admitieron el elemento. [3]
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 para leer. [4] Lou Montulli , a menudo acreditado como el inventor del elemento blink, afirma que solo sugirió la idea, sin escribir ningún código real. [5]
... En algún momento de la noche mencioné que era triste 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 podría explotar dada su el entorno estaba parpadeando el texto. Nos reímos bastante de la idea de parpadear el texto y hablamos de parpadear esto y aquello y lo absurdo que sería todo. ... El sábado por la mañana llegó y me dirigí a la oficina solo para encontrar algo más que un texto parpadeante. Estaba en la pantalla parpadeando en todo su esplendor, y en el navegador. ¿Cómo puede ser esto ?, te preguntarás. Resulta que a uno de los ingenieros le gustó tanto mi idea que dejó el bar después de la medianoche, regresó a la oficina e implementó la etiqueta blink durante la noche. Todavía estaba allí por la mañana y muy orgulloso de ello. [5]
Uso
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 con elementos de énfasis y citas ), los comentarios en el DTD explican que se pretende Como una broma. [6]
La sintaxis del tipo de elemento blink es idéntica a los elementos en línea HTML estándar como span. Por ejemplo: . La frecuencia de parpadeo es específica del navegador y la etiqueta no contiene parámetros ni medios para ajustar la frecuencia 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. [7]<blink>This text could blinkblink>
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); fue eliminado de Firefox en la versión 23. [8] [9] Microsoft 's Internet Explorer y WebKit (el motor del navegador detrás de Apple ' s Safari y Google Chrome ) no apoyado, incluso en su encarnación CSS. También fue compatible con el navegador de Internet Opera , 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 basada en Presto, tampoco admite una etiqueta blink funcional.
Algunos programas admiten el elemento blink como un huevo de pascua . La búsqueda de Google parpadea partes de la página cuando se busca "blink html". [10] El marco de la interfaz de usuario de Android admite la etiqueta blink, etiquetándola como TAG_1995
en su código fuente. [11]
Implementación
El valor de parpadeo de la propiedad de decoración de texto CSS permite a los autores sugerir que el texto debería parpadear sin usar etiquetas de propiedad, pero la Especificación CSS 2.1 establece que "los agentes de usuario que cumplen los requisitos pueden simplemente no hacer parpadear el texto" para cumplir con la Accesibilidad del agente de usuario Directrices . [12]
< span style = "text-decoration: blink;" > Texto para parpadear aquí span >
El elemento blink también se puede volver a implementar de manera efectiva utilizando animaciones CSS .
abrir y cerrar , . parpadear { -webkit- animación : parpadea 1 s paso-fin infinito ; -moz- animación : parpadea 1 s paso-fin infinito ; -o- animación : parpadea 1 s final de paso infinito ; animación : parpadeo 1 s final de paso infinito ;}@ -webkit-keyframes parpadean { 67 % { opacidad : 0 }}@ -moz-keyframes parpadean { 67 % { opacidad : 0 }}@ -o-keyframes parpadean { 67 % { opacidad : 0 }}@ fotogramas clave parpadean { 67 % { opacidad : 0 }}
También se pueden lograr efectos similares mediante el uso de JavaScript .
< script type = "text / javascript" > ( función () { var parpadea = documento . getElementsByTagName ( 'parpadeo' ); var visibilidad = 'oculto' ; ventana . setInterval ( function () { para ( var i = parpadea . longitud - 1 ; i > = 0 ; i - ) { parpadea [ i ]. estilo . visibilidad = visibilidad ; } visibilidad = ( visibilidad === 'visible' ) ? 'oculto' : 'visible' ; }, 250 ); }) ();script >< parpadear > Texto para parpadear aquí parpadear >
O, alternativamente, la funcionalidad de parpadeo se puede implementar con la ayuda de jQuery .
< script type = "text / javascript" > setInterval ( function () { $ ( 'parpadeo' ). cada ( función () { $ ( esto ). alternar (); }); }, 250 );script >< parpadear > Texto para parpadear aquí parpadear >
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, alternando entre el texto estándar blanco sobre negro y el 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 "el [texto] parpadeante solo debe usarse para indicar la destrucción inminente de datos o del programa". [13]
El elemento de parpadeo ha sido constantemente criticado por expertos en accesibilidad y usabilidad . En 1996, Jakob Nielsen describió el elemento como "simplemente malvado" en su columna de Alertbox Diez errores principales en el diseño web . [14] Las Pautas de Accesibilidad al Contenido Web (WCAG) 1.0 del World Wide Web Consortium establecen que los autores de contenido deben evitar hacer que la pantalla parpadee o parpadee, señalando que tales efectos pueden causar problemas a las personas con discapacidades cognitivas o epilepsia fotosensible . [15]
La Sección 508 del Gobierno Federal de los Estados Unidos establece que las páginas deben evitar que la pantalla parpadee con una frecuencia entre 2 Hz y 55 Hz, un rango que cubre el texto que parpadea rápidamente. [dieciséis]
La Barrierefreie Informationstechnik-Verordnung ( Ordenanza de tecnología de la información accesible ) del gobierno federal alemán también establece que se debe evitar el parpadeo o el parpadeo del contenido. [17]
Para cumplir con las Pautas de accesibilidad del agente de usuario, un agente de usuario debe "permitir que la configuración muestre contenido de texto animado o parpadeante como texto inmóvil que no parpadea" o nunca parpadear. [18] Mozilla Firefox cumplió con este requisito al proporcionar una opción de configuración oculta para deshabilitar el parpadeo, [7] browser.blink_allowed , a la que se puede acceder a través de about: config . La función de parpadeo se ha desactivado por completo desde la versión 23. [8]
Ver también
- Blink (motor web)
- Comparación de motores de diseño (HTML no estándar)
- Elemento de marquesina
- Bling-bling
Referencias
- ^ "" . Red de desarrolladores de Mozilla . Consultado el 11 de septiembre de 2017 .
- ^ "el origen de la etiqueta - www" . www.montulli.org . Consultado el 11 de septiembre de 2017 .
- ^ "" . Red de desarrolladores de Mozilla . Consultado el 11 de septiembre de 2017 .
- ^ "Decir adiós a la etiqueta HTML Blink" . Empresa rápida . 7 de agosto de 2013 . Consultado el 11 de septiembre de 2017 .
- ^ a b "Los orígenes de la etiqueta " . www.montulli.org . Consultado el 23 de octubre de 2009 .
- ^ Bos, Bert. "HTML40, pero con BLINK añadido" . Consorcio World Wide Web . Consultado el 12 de diciembre de 2006 .
- ^ a b "VPAT para Firefox 3.0 y 3.5" . Mozilla . Consultado el 23 de octubre de 2009 .
- ^ a b "Notas de la versión de Firefox 23" . 6 de agosto de 2013 . Consultado el 8 de agosto de 2013 .
- ^ - HTML | MDN
- ^ McNamara, Paul (24 de febrero de 2014). "Huevo de Pascua de Google lleva a la historia detrás de la etiqueta 'Blink'" . NetworkWorld.com . Mundo de la red . Consultado el 20 de enero de 2015 .
- ^ "core / java / android / view / LayoutInflater.java - plataforma / frameworks / base - Git en Google" . android.googlesource.com . Consultado el 20 de septiembre de 2019 .
- ^ "Hojas de estilo en cascada, nivel 1" . Grupo de Trabajo de Hojas de Estilo en Cascada, Consorcio World Wide Web . Consultado el 23 de octubre de 2009 .
- ^ Meyers, Joe; Tognazzini, Bruce (1982). Directrices de diseño de Apple IIe (PDF) . Computadora Apple. pag. 38. Archivado desde el original (PDF) el 23 de septiembre de 2015 . Consultado el 11 de marzo de 2014 .
- ^ "Original Top Ten errores en diseño web (Alertbox)" . Useit.com . Consultado el 23 de octubre de 2009 .
- ^ 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 .
- ^ Administración de servicios gubernamentales. "Sección 508: Normas de la Sección 508" . Section508.gov. Archivado desde el original el 22 de octubre de 2009 . Consultado el 23 de octubre de 2009 .
- ^ "BITV - Einzelnorm" . gesetze-im-internet.de. 12 de septiembre de 2011 . Consultado el 3 de marzo de 2014 .
- ^ "2. Las pautas de accesibilidad del agente de usuario" . W3.org. 17 de diciembre de 2002 . Consultado el 23 de octubre de 2009 .
enlaces externos
- Etiqueta intermitente de navegador cruzado
Por qué Blink html