stringtranslate.com

Elemento parpadeante

El elemento parpadeante 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, a menudo, lo ignoran los navegadores web modernos; algunos, como Internet Explorer , nunca soportaron 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 acreditado como el inventor del elemento de parpadeo, afirma que solo sugirió la idea, sin escribir ningún código real. [2]

... En algún momento de la noche mencioné que era triste que Lynx no fuera capaz de 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 dada su El entorno era texto parpadeante. Nos reímos mucho ante 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 encontrar qué más que un mensaje de 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 salió del bar pasada la medianoche, regresó a la oficina e implementó la etiqueta de parpadeo durante la noche. Todavía estaba allí por la mañana y muy orgulloso de ello. [2]

Uso

¡Hola Mundo!

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

El elemento de parpadeo 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 de parpadeo (definiéndolo como un elemento de frase a la par de los elementos de énfasis y citas ), los comentarios en la DTD explican que está destinado como una broma. [4]

La sintaxis del tipo de elemento de parpadeo es idéntica a la de los elementos en línea HTML estándar 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 invisible durante un cuarto de segundo. [5]<blink>This text could blink</blink>

El tipo de elemento parpadeante se inventó por primera vez para Netscape Navigator y fue compatible con sus descendientes, como Mozilla Firefox (a excepción de Netscape 6 y los primeros navegadores de la suite Mozilla ; por lo tanto, también está ausente en SeaMonkey , que desciende de la suite Mozilla); se eliminó de Firefox en la versión 23. [6] [1] Internet Explorer y WebKit de Microsoft (el motor de navegador detrás de Safari de Apple y Google Chrome ) nunca lo admitieron, ni siquiera en su encarnación CSS. También era compatible con el navegador de Internet Opera , pero el soporte finalizó 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 la Ópera basada en Presto , tampoco admite una etiqueta de parpadeo funcional.

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

Algunos programas admiten el elemento parpadeo 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 la interfaz de usuario de Android admite la etiqueta de parpadeo, etiquetándola como TAG_1995en su código fuente. [9]

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 patentadas, pero la especificación CSS 2.1 establece que "los agentes de usuario conformes pueden simplemente no hacer parpadear el texto" para cumplir con la Accesibilidad del agente de usuario. Pautas . [10]

< span  style = "decoración de texto: parpadeo;" > Hasta el porshrop, hasta la calle </ 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 la calle

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

parpadear , . parpadeo-css { animación : parpadeo 1 s paso-fin infinito ; }        @ fotogramas clave parpadean {   67 % { opacidad : 0 }    }

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

< abarcan  clase = "blink-css" > Hasta el porshrop, hasta el árbol genealógico de los porshrop </ span >

Esto produce lo siguiente:

Hasta el 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 . establecerIntervalo ( función () {  for ( var i = parpadea . longitud - 1 ; i >= 0 ; i - ) {            parpadea [ i ]. estilo . visibilidad = visibilidad ;   } visibilidad = ( visibilidad === 'visible' ) ? 'oculto' : 'visible' ;         }, 250 );  })();</ guión >< parpadear > Texto para parpadear aquí </ parpadear >

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

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

Usabilidad y accesibilidad

Incluso antes de la implementación de la etiqueta de parpadeo en HTML, el Apple IIe tenía un modo de texto intermitente, alternando entre texto estándar blanco sobre negro y texto inverso negro sobre blanco. Un manual de Apple Computer de 1982 para desarrolladores desaconsejó el uso de esta función excepto en casos de emergencia, advirtiendo que "el [texto] intermitente sólo 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 describió el elemento como "simplemente malvado" en su columna de Alertbox "Diez errores originales principales en el diseño web". [12] 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, y señala que tales efectos pueden causar problemas a personas con discapacidades cognitivas o epilepsia fotosensible . [13]

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

La Ordenanza sobre tecnologías de la información accesibles ( Barrierefreie Informationstechnik-Verordnung ) del gobierno federal alemán también establece que se deben evitar los contenidos que parpadean o parpadean. [15]

Para cumplir con las Pautas de accesibilidad del agente de usuario, un agente de usuario debe "[permitir] que la configuración represente contenido de texto animado o parpadeante como texto inmóvil y sin parpadear" o nunca texto parpadeante. [16] Mozilla Firefox cumplió con este requisito proporcionando una opción de configuración oculta para desactivar 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 desactivado por completo desde la versión 23. [6]

Ver también

Referencias

  1. ^ abc "<blink>: el elemento de texto parpadeante". Documentos web de MDN . 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). "Decir adiós a la etiqueta HTML Blink". Empresa Rápida . 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 agregado". Consorcio World Wide Web . Archivado desde el original el 22 de enero de 2023 . Consultado el 12 de diciembre de 2006 . Esto es básicamente HTML40, pero con BLINK agregado... El BLINK se agrega 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 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. ^ 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 la decoración de texto: parpadeo; y elemento <blink> completamente eliminado...
  7. ^ Raggett, Dave ; Lam, Jenny; Alejandro, 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 HTML ERB. Netscape sólo lo aboliría si Microsoft aceptara deshacerse de MARQUEE; Se cerró el trato y ambas etiquetas desaparecieron.
  8. ^ Shankland, Stephen; Rey, María (16 de abril de 2022). "20 huevos de Pascua ocultos de la Búsqueda de Google para buscar". CNET . Archivado desde el original el 27 de mayo de 2023 . Consultado el 24 de julio de 2023 . Escriba HTML parpadeante en el cuadro de búsqueda y obtendrá una lista de resultados de búsqueda donde parpadean las palabras "blink" y "HTML".
  9. ^ "core/java/android/view/LayoutInflater.java - plataforma/frameworks/base". GoogleGit . Proyecto de código abierto de Android , Google . Consultado el 20 de septiembre de 2019 . 146 cadena final estática privada TAG_1995 = "parpadeo";
  10. ^ "Subrayado, superpuesto, resaltado y parpadeante: la propiedad 'decoración del 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). "Pantallas". Directrices de diseño de Apple IIe (PDF) . Cupertino, California: Apple Inc. pág. 38 . Consultado 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). "Diez errores originales principales en el diseño web". Grupo Nielsen Norman . Archivado desde el original el 5 de julio de 2023 . Consultado el 24 de julio de 2023 . Por supuesto, <BLINK> es simplemente malvado. Ya hemos dicho suficiente.
  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 508 revisados ​​y directrices 255". Junta de Acceso de 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 deberá utilizar texto, objetos u otros elementos parpadeantes o parpadeantes que tengan una frecuencia de parpadeo o 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. ^ "Pautas de accesibilidad del agente de usuario 1.0". Consorcio World Wide Web . 17 de diciembre de 2002. Archivado desde el original el 26 de mayo de 2023 . Consultado el 23 de octubre de 2009 . Permita que la configuración represente contenido de texto animado o parpadeante como texto inmóvil y sin parpadear.

Enlaces externos