WikiDer > Dynamisches HTML

Dynamisches HTML oder DHTML ist ein Begriff für interaktiv Websites. Diese Seiten verwenden eine Kombination aus HTML, ein Skriptsprache in dem Browser wie Javascript, und C.S.S.

Vorwort

DHTML ist nicht offiziell Standard, aber ein Marketingbegriff bei der Einführung der Browserversionen 4.x von Netscape und Microsoft verwendet. Browser vor den 4.x-Versionen von Netscape und Microsoft Internet Explorer hatten auch (sehr) eingeschränkte Möglichkeiten, eine Webseite dynamisch zu machen. Java-Applets wurden hauptsächlich verwendet, um dynamische Komponenten in eine Webseite einzubetten.

Der erste Browserhersteller, der dhtml (mit Kleinbuchstaben) implementierte, war Netzlandschaft. Kurz darauf zog Microsoft mit DHTML (Großbuchstaben) nach. Beide Systeme waren alles andere als kompatibel und die Einführung von DHTML bedeutete mehr oder weniger ein vorläufiges Ende des Internet-Prinzips, dass alle Webseiten korrekt angezeigt und von allen Browsern verwendet werden können.

Es World Wide Web Konsortium beschreibt DHTML als: Ein Begriff, der von verschiedenen (Browser-)Herstellern verwendet wird, um eine Kombination aus HTML, Stylesheets und Skripten zu beschreiben, die es ermöglicht, Dokumente zu animieren.

<script>function DoeIets(plaatje) { plaatje.src='anderplaatje.gif';}</script><img src="plaatje.gif" onclick="DoeIets(this);">

Die Grundlagen von DHTML

Das Versprechen von DHTML ist, dass Webseiten dynamisch kann gemacht werden. Das bedeutet, dass Webseiten zu Programmen werden, die im Browser ausgeführt werden. Dadurch können die Informationen oder das Design der Seiten geändert werden, ohne dass eine neue Seite geladen wird. Die Programmseiten reagieren auf Ereignisse (in Englisch Veranstaltungen benannt), wie Mausbewegungen, Mausklicks und Tastenanschläge.

Eine solche Seite besteht zum Teil aus Programmcode, meist in Form von JavaScript, zum Teil aus klassischem HTML und Stylesheets. Veranstaltungen kann registriert werden, indem Sie beispielsweise "onclick" in ein HTML-Tag einfügen:

Um dynamische Seiten zu aktivieren, wurde eine HTML-Seite von reinem Text in eine Sammlung von Elementen (Bilder, Formularfelder und einige neue) geändert HTML-Elemente wenn Schicht, Spanne und div), die individuell angegangen und individuell angepasst werden könnten. Diese Entwicklung hatte bereits begonnen. Mit den 4.x-Browsern bot es jedoch so viele Möglichkeiten, dass der Begriff Dynamisches HTML wurde gestartet.

Gleichzeitig wurde die Browserunterstützung für Stylesheets viel besser (wenn auch noch lange nicht perfekt). Das Layout von Textteilen kann auch dynamisch geändert werden, indem der Verweis auf das Stylesheet mit Javascript angepasst wird.

Dokumentobjektmodell

Die obige Entwicklung von HTML-Seiten von Rich Text zu einer Sammlung von Elementen führte später zu der Dokumentobjektmodell (DOM), die objektorientierten Webseiten, die von den neueren Browsern unterstützt werden.

HTML5

HTML5 kann als "Nachfolger" von DHTML angesehen werden. Obwohl HTML5 steht für Version 5 der HTML-Spezifikation, bezieht sich auch oft auf die Technologiegruppe HTML5, Javascript, CSS3, SVG, XML und JSON. Die Funktionsweise von HTML5 unterscheidet sich im Wesentlichen nicht von DHTML; der einzige Unterschied besteht darin, dass alle zugrunde liegenden Techniken aktualisiert wurden.

Wettbewerbsfähige Technologien

Es gibt eine Reihe weiterer Möglichkeiten, Webseiten mit dynamischen Elementen zu versehen. Diese setzen in der Regel voraus, dass ein Plugin wird im Browser installiert. Bei Verwendung der Plugin-basierten Technologien ist nicht die gesamte Seite dynamisch, sondern nur ein (rechteckiger) Teil der Seite, der im HTML auf das Plugin abgebildet wird.

• Java-Applets. Dies ist die älteste Methode, um Webseiten dynamisch zu machen. Es bietet mehr Optionen als DHTML. Der Nachteil ist, dass die Java virtuelle Maschine gestartet werden muss, was dazu führt, dass Webseiten mit Java-Applets langsam geladen werden und viel Speicher verbrauchen. Der Einsatz von Java-Applets wird daher nur dann empfohlen, wenn DHTML an Funktionalität fehlt.
• Adobe Flash. Diese Technologie ist für viele Browser und Betriebssysteme weit verbreitet und wird häufig im Web verwendet. In der Praxis ist die Anwendung hauptsächlich für Filme, Animationen und Spiele gedacht.
• silbernes Licht. Microsoft-Technologie, die mit Adobe Flash konkurriert und auf .GERADE-Technologie.

Siehe auch

• Asynchrones JavaScript und XML

Externe Links

• (und) Einführung in DHTML (www.w3schools.com)
• (und) Das W3C zum Document Object Model