Ein Element aus dem HTML-Gruselzoo: der Marquee-Tag

Beim Design von Webseiten entspringen den Entwicklern hin und wieder so manch kuriose Ideen. Abgesehen von Sinn und Zweck dieser auf der Homepage integrierten Elemente lässt sich auch die Ästhetik oft nicht ertragen. Der Marquee-Tag für tickerartige Lauftexte ist ein bevorzugtes Ziel von Hass und Spott.

<marquee>Der Marquee-Tag</marquee>

Der Marquee-Tag

Gab es je eine gute Verwendungsmöglichkeit für diesen Lauftext-Tag? Er hört nie auf weiterzulaufen. Er bewegt sich nie mit einer Geschwindigkeit, die zum Lesen geeignet wäre, und er zieht unerwünschte Aufmerksamkeit auf sich. Er ist die Paris Hilton der HTML-Elemente. Offen gesagt ist es gut, dass er ausgestorben ist. Wenigstens sollte er das sein.

Aber wo hat all dieser Ärger seinen Ursprung? Am besten verschafft man sich selbst ein Bild. Im Folgenden geht es darum, wie ein Web-Entwickler aus einem ohnehin schon lästigen Element einen richtigen Plagegeist machen kann.

Laufrichtung

Wer glaubte, dass Lauftexte nur auf eine Art gelesen werden können, hat Unrecht. Damit es noch länger dauert, bis die Buchstaben zu entziffern sind, kann man die Laufrichtung umkehren und damit auch auf Arabisch nerven.

Der voreingestellte Wert ist left. Umkehren bedeutete hier also, die Richtungseigenschaft auf right zu setzen. Left und right beziehen sich auf die Richtung, in die der Text läuft.

Der Marquee-Tag

Warum hier aufhören, wenn beides zu haben ist? Dazu muss man sich dem Attribut Behavior zuwenden.

Das Behavior-Attribut

Wird dem Attribut Behavior der Wert alternate zugewiesen, ist der Text im Wechsel links- und rechtsläufig. Doch das ist noch nicht alles: Mit dem Wert slide läuft der Text von einer Seite ins Bild und stoppt, sobald er die andere Seite erreicht. Der voreingestellte Wert für das Attribut Behavior war scroll. Wer hätte das gedacht?

Das Loop-Attribut

Wer seinen Lesern nur kurz auf die Nerven gehen will, kann die Anzahl der Wiederholungen begrenzen, indem dem Attribut Loop ein numerischer Wert zugewiesen wird. Es ist natürlich fraglich, ob der Leser so lange auf der Seite bleibt.

Nach der festgelegten Zahl an Wiederholungen hält der Lauftext an. Je nach eingestellter Behavior verschwindet er (behavior=“scroll“) oder bleibt da (behavior=“slide“).

Wer jedoch sicherstellen will, dass der Lauftext auf ewig nervt, kann Loop mit dem Wert „-1“ versehen. Bei Mozilla-Browsern ist das die irreversible Voreinstellung.

Der Marquee-Tag

Effekt-Veränderungen

Zur Anpassung an die Gestalltungsbedürfnisse stehen scrolldelay und scrollamount zur Verfügung. Scrolldelay gibt die Zeit bis zur Aktualisierung des Lauftexts in Millisekunden an. Scrollamount legt die Anzahl an Pixeln fest, die bewegt werden soll, wenn der Text läuft. Mit einer guten Zahlenkombination kann der Lästigkeitsfaktor kräftig erhöht werden.

Der Marquee-Tag

Er ist nicht totzukriegen

Gerade als man glaubte, im Internet wieder sicher vor Laufbändern zu sein, tauchte der Marquee-Tag als Zombie in der CSS2-Spezifikation wieder auf.

Das Grauen kehrt zurück, sobald Browser das Folgende korrekt wiedergeben können:


<style>
p { overflow: scroll;
white-space: nowrap;
marquee: slide infinite }
</style>

Man kann nur hoffen, dass die Browser-Entwickler über ausreichend Sinn für Ästhetik verfügen, um die Rückkehr des Lauftexts zu verhindern. Aber andererseits – was soll’s? Die Myspace-Kids werden vom Marquee-Tag begeistert sein.

ZDNet.de Redaktion

Recent Posts

Microsoft nennt weitere Details zu kostenpflichtigen Patches für Windows 10

Erstmals liegen Preise für Verbraucher vor. Sie zahlen weniger als Geschäftskunden. Dafür beschränkt Microsoft den…

8 Stunden ago

Microsoft verschiebt erneut Copilot Recall

Die Entwickler arbeiten noch an weiteren „Verfeinerungen“. Windows Insider erhalten nun wohl eine erste Vorschau…

1 Tag ago

GenKI im Job: Mitarbeitende schaffen Tatsachen

Laut Bitkom-Umfrage werden in jedem dritten Unternehmen in Deutschland private KI-Zugänge genutzt. Tendenz steigend.

1 Tag ago

97 Prozent der Großunternehmen melden Cyber-Vorfälle

2023 erlitten neun von zehn Unternehmen in der DACH-Region Umsatzverluste und Kurseinbrüche in Folge von…

1 Tag ago

„Pacific Rim“-Report: riesiges, gegnerisches Angriffs-Ökosystem

Der Report „Pacific Rim“ von Sophos beschreibt Katz-und-Maus-Spiel aus Angriffs- und Verteidigungsoperationen mit staatlich unterstützten…

1 Tag ago

DeepL setzt erstmals auf NVIDIA DGX SuperPOD mit DGX GB200-Systemen

NVIDIA DGX SuperPOD soll voraussichtlich Mitte 2025 in Betrieb genommen und für Forschungsberechnungen genutzt werden.

1 Tag ago