Elemento de marquesina

La etiqueta marquee es un elemento HTML no estándar que provoca que el texto se desplace automáticamente hacia arriba, abajo, izquierda o derecha. Esta etiqueta se introdujo por primera vez en las primeras versiones de Internet Explorer de Microsoft y se comparó con el elemento blink de Netscape , como una extensión propietaria no estándar del estándar HTML con problemas de usabilidad. El W3C desaconseja su uso en documentos HTML.

El texto en marquesina puede distraer ^{[ 1 ]} porque el ojo humano se siente atraído por el movimiento, ^{[ 2 ]} y el texto en marquesina se mueve constantemente.

Al igual que con el elemento blink , las imágenes o el texto con la etiqueta marquee no siempre son completamente visibles en las páginas renderizadas, lo que hace que imprimir dichas páginas sea una tarea ineficiente (si no imposible); normalmente se requieren varios intentos para capturar todo el texto que podría mostrarse donde los mensajes se desplazan o parpadean. La behavior="alternate"versión marquee hace que el texto se mueva de un lado a otro, pero no oculta ninguna parte del mismo si los anchos de desplazamiento están configurados correctamente.

Debido a que el texto desplazable se mueve, los enlaces que contiene son más difíciles de pulsar que los del texto estático, dependiendo de la velocidad y la longitud del desplazamiento. Los usuarios solo tienen una oportunidad cada vez que el texto se desplaza. Además, un desplazamiento demasiado rápido puede hacer que el texto resulte ilegible para algunas personas, especialmente para aquellas con discapacidad visual. Esto puede resultar frustrante para los usuarios. Para solucionar este problema, la programación del lado del cliente permite que los textos desplazables se detengan cuando el cursor del ratón se sitúa sobre ellos.

A diferencia de su contraparte parpadeante, el elemento de marquesina tiene varios atributos que se pueden usar para controlar y ajustar la apariencia de la marquesina.

align

Utiliza la misma sintaxis que el elemento img .

behavior

Permite al usuario configurar el comportamiento del texto desplazable en uno de tres tipos diferentes:

• Desplazamiento (predeterminado): desplaza el texto de derecha a izquierda y se reinicia en el lado derecho del área de texto cuando llega al lado izquierdo. El texto desaparece cuando finaliza el bucle.
• Deslizar : Cuando se utiliza sin el atributo "Behavior", el contenido que se va a desplazar recorrerá toda la longitud del área de desplazamiento, pero se detendrá al llegar al final para que se muestre el contenido. Sin embargo, si se utiliza con el atributo "Behavior", el atributo "Slide" se ignorará.
• Alternativa : desplaza el texto de derecha a izquierda y vuelve a desplazarlo de izquierda a derecha.

Los bucles se cuentan cada vez que llega a cada extremo del marquesine; un bucle de 1 es diferente del atributo "Slide". Cuando un elemento se desplaza con el atributo "Slide", se detendrá permanentemente al final de la longitud del marquesine, mostrando el elemento completo. Sin embargo, cuando un elemento se desplaza sin un atributo "Loop", el número de desplazamientos se repetirá según el valor de "Loop". Si "Loop=1", el elemento se desplazará solo una vez y saldrá completamente de la longitud del marquesine, mientras que el elemento que se está desplazando se detendrá, lo cual sería igual que con "Slide". Por defecto, "Loop=infinito", por lo que no es necesario codificar el atributo "Loop" si se desea un desplazamiento continuo. Nota: "Loop" se ignorará si se codifica el atributo "Behavior". Además, si "Behavior=Alternate" y "Loop=2", el elemento irá desde el principio del Marquee hasta el final y de vuelta al principio, contando un viaje de ida y vuelta como 2 bucles.

bgcolor

Establece el color de fondo del letrero luminoso.

direction

Establece la dirección del cuadro de texto desplazable. Los valores son izquierda, derecha, arriba y abajo, donde el valor indica la dirección de desplazamiento. direction=leftPor lo tanto, mueve el texto de derecha a izquierda en la pantalla.

width

Esto determina el ancho que debe tener la carpa.

loop

Esto determina cuántas veces debe repetirse el texto en el letrero. Cada repetición cuenta como un bucle.

scrollamount

Esto indica cuántos píxeles se desplaza el texto entre "fotogramas". Por lo tanto, scrollamount=1 proporciona la velocidad de desplazamiento más lenta.

scrolldelay

Esto establece el intervalo de tiempo, en milisegundos, entre fotogramas, de forma similar a como se reproduce un vídeo en el que cada fotograma se pausa durante un determinado número de milisegundos. "Scrolldelay=1000" significa una reproducción a cámara lenta en la que cada fotograma dura mil milisegundos o un segundo.

Un elemento marquee puede contener HTML arbitrario, por lo que además de texto podría mostrar una o más imágenes, videoclips o GIF animados .

La etiqueta marquee ha quedado obsoleta en la mayoría de los navegadores, pero el mismo comportamiento aún se puede implementar con hojas de estilo en cascada , como esta:

@ keyframes marquee {0 % {transformar : traducirX ( 100 % );}100 % {transformar : traducirX ( -100 % );}}.marquee -container {espacio en blanco : ahora rap ;desbordamiento : oculto ;posición : relativa ;animación : marquesina 10 s lineal infinito ;}. marquee-content {mostrar : bloque en línea ;}

La animación marqueese define como @keyframesuna simple traslación de derecha a izquierda; sería posible invertirla (por ejemplo, de -100% a 100%). 10sTambién se puede modificar para alterar su resultado.

El estilo se puede invocar posteriormente en HTML:

< div class = "marquee-container" >< div class = "marquee-content" > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div>​​​

El elemento marquee se inventó originalmente para Internet Explorer de Microsoft y es compatible con este navegador. Netscape estipuló la eliminación del elemento de Internet Explorer durante una reunión del HTML ERB en febrero de 1996, como condición para eliminarlo de Netscape. ^{[ 3 ]}<marquee><blink>

Los navegadores web Firefox , Chrome y Safari lo admiten para garantizar la compatibilidad con páginas antiguas. El elemento no cumple con el estándar HTML . Se propusieron propiedades CSS para lograr el mismo efecto que el especificado en el Módulo Marquee Nivel 3, que fue abandonado sin implementación en 2014. ^{[ 4 ]} También se pueden lograr efectos similares mediante el uso de JavaScript , ^{[ 5 ]} o animaciones CSS3 . ^{[ 6 ]}