Definition

Dynamisches HTML (DHTML)

Dynamisches HTML (dynamic HTML, DHTML) ist ein Sammelbegriff für eine Kombination von HTML-Tags und -Optionen, mit denen Webseiten lebendiger und interaktiver gestaltet werden können als mit früheren Versionen von HTML.

Ein Großteil des dynamischen HTML ist in HTML 4.0 spezifiziert. Zu den einfachen Beispielen für dynamische HTML-Funktionen gehört, dass sich die Farbe einer Textüberschrift ändert, wenn ein Benutzer mit der Maus darüberfährt, oder dass ein Benutzer ein Bild per Drag and Drop an eine andere Stelle auf einer Webseite ziehen kann. Mit dynamischem HTML können Webdokumente wie Desktop-Anwendungen oder Multimedia-Produktionen aussehen und sich auch so verhalten.

Konzepte und Funktionen des dynamischen HTML sind:

  • eine objektorientierte Sicht auf eine Webseite und ihre Elemente
  • Cascading Style Sheets (CSS) und das Layering von Inhalten
  • Programmierung, die alle oder die meisten Seitenelemente ansprechen kann
  • dynamische Schriftarten

Eine objektorientierte Sichtweise auf Seitenelemente

Jedes Seitenelement (zum Beispiel Bereich oder Abschnitt, Überschrift, Absatz, Bild oder Liste) wird als Objekt betrachtet (Microsoft nennt dies Dynamic HTML Object Model, W3C nennt es Document Object Model). Zum Beispiel kann jede Überschrift auf einer Seite benannt, mit Attributen wie Textstil und Farbe versehen und in einem kleinen Programm oder Skript auf der Seite namentlich angesprochen werden.

Diese Überschrift oder jedes andere Element auf der Seite kann durch ein bestimmtes Ereignis, wie zum Beispiel das Überfahren mit der Maus, einen Mausklick oder das Verstreichen einer bestimmten Zeit, verändert werden. Oder ein Bild kann durch Drag and Drop des Bildobjekts mit der Maus von einem Ort zum anderen verschoben werden (diese Ereignismöglichkeiten können als Reaktionsfähigkeit des Elements oder Objekts betrachtet werden). Jede Änderung findet sofort statt (da alle Variationen aller Elemente oder Objekte als Teil derselben Seite von dem Webserver gesendet wurden, der die Seite gesendet hat). Variationen können also als unterschiedliche Eigenschaften des Objekts betrachtet werden.

Bei Elementvariationen kann nicht nur der Wortlaut oder die Farbe des Textes geändert werden, sondern alles, was in einem Überschriftenobjekt enthalten ist, kann durch neuen Inhalt ersetzt werden, der sowohl anderen oder zusätzlichen HTML-Code als auch anderen Text enthält. Microsoft nennt dies die Text Range Technology.

Obwohl JavaScript, Java-Applets und ActiveX-Steuerelemente bereits in früheren Versionen von Webseiten vorhanden waren, bedeutet dynamisches HTML einen erhöhten Programmieraufwand in Webseiten, da mehr Elemente einer Seite von einem Programm angesprochen werden können.

Eine Funktion, die als dynamische Schriftarten bezeichnet wird, ermöglicht es den Designern von Webseiten, Schriftartdateien mit bestimmten Schriftarten, -größen und -farben als Teil einer Webseite einzubinden und die Schriftarten mit der Seite herunterzuladen. Das heißt, die Auswahl der Schriftarten hängt nicht mehr davon ab, was der Browser des Benutzers bereitstellt.

Style Sheets und Layering

Ein Style Sheet beschreibt die Standardstilmerkmale (einschließlich des Seitenlayouts und der Schriftart und -größe für Textelemente wie Überschriften und Fließtext) eines Dokuments oder eines Teils eines Dokuments. Für Webseiten beschreibt ein Style Sheet die Standard-Hintergrundfarbe oder -bilder, die Farben von Hypertext-Links und möglicherweise den Inhalt der Seite. Style Sheets helfen, die Konsistenz aller oder einer Gruppe von Seiten in einem Dokument oder einer Website zu gewährleisten.

Dynamisches HTML bietet die Möglichkeit, Stilvorlagen in Form von Cascading Style Sheets zu spezifizieren (das heißt Verknüpfung mit oder Spezifizierung von verschiedenen Style Sheets oder Stilanweisungen mit vordefinierten Prioritätsstufen innerhalb derselben oder einer Reihe von zusammenhängenden Seiten). Durch die Interaktion des Benutzers kann ein neues Style Sheet zur Anwendung kommen und zu einer Änderung des Erscheinungsbildes der Webseite führen. Sie können mehrere Ebenen von Style Sheets innerhalb einer Seite haben, ein Style Sheet innerhalb eines Style Sheet innerhalb eines Style Sheet. Ein neues Style Sheet darf nur ein Element des darüber liegenden Style Sheets verändern.

Layering ist die Verwendung von alternativen Style Sheets oder anderen Ansätzen, um den Inhalt einer Seite zu variieren, indem Inhaltsebenen bereitgestellt werden, die bestehende Inhaltsbereiche überlagern (und ersetzen oder überlagern) können. Ebenen können so programmiert werden, dass sie als Teil einer zeitlich festgelegten Präsentation oder als Ergebnis von Benutzerinteraktionen erscheinen.

Diese Definition wurde zuletzt im November 2022 aktualisiert

Erfahren Sie mehr über Softwareentwicklung

ComputerWeekly.de
Close