Dynamisches HTML ist nicht wirklich eine neue Spezifikation von HTML, sondern eine andere Art, die Standard-HTML-Codes und -Befehle zu betrachten und zu steuern.
Wenn man an Dynamik denkt HTML, müssen Sie sich an die Qualitäten von Standard-HTML erinnern, insbesondere daran, dass eine Seite, die einmal vom Server geladen wurde, sich nicht ändert, bis eine weitere Anfrage an den Server kommt. Dynamisches HTML gibt Ihnen mehr Kontrolle über die HTML-Elemente und ermöglicht deren jederzeitige Änderung, ohne zum Webserver zurückkehren zu müssen.
DHTML besteht aus vier Teilen:
- Document Object Model (DOM) (Definition)
- Skripte
- Cascading Style Sheets (CSS)
- XHTML
DOM
Mit dem DOM können Sie auf jeden Teil Ihrer Webseite zugreifen, um ihn mit DHTML zu ändern. Jeder Teil einer Webseite wird vom DOM spezifiziert und mit seinen konsistenten Namenskonventionen können Sie darauf zugreifen und ihre Eigenschaften ändern.
Skripte
In JavaScript oder ActiveX geschriebene Skripte sind die beiden am häufigsten verwendeten Skriptsprachen zum Aktivieren von DHTML. Sie verwenden eine Skriptsprache, um die im DOM angegebenen Objekte zu steuern.
Cascading Style Sheets
CSS wird in DHTML verwendet, um das Aussehen und Verhalten der Webseite zu steuern. Stylesheets definieren die Farben und Schriftarten von Text, die Hintergrundfarben und Bilder sowie die Platzierung von Objekten auf der Seite. Mithilfe von Skripten und dem DOM können Sie den Stil verschiedener Elemente ändern.
XHTML
XHTML oder HTML 4.x wird verwendet, um die Seite selbst zu erstellen und die Elemente für das CSS und die DOM an etwas arbeiten. Es gibt nichts Besonderes an XHTML für DHTML - aber gültiges XHTML zu haben ist noch wichtiger, da mehr Dinge damit arbeiten als nur der Browser.
Funktionen von DHTML
Es gibt vier Hauptfunktionen von DHTML:
- Ändern der Tags und Eigenschaften
- Echtzeit-Positionierung
- Dynamische Schriftarten (Netscape Communicator)
- Datenbindung (Internet Explorer)
Ändern der Tags und Eigenschaften
Dies ist eine der häufigsten Anwendungen von DHTML. Es ermöglicht Ihnen, die Qualitäten eines zu ändern HTML-Tag abhängig von einem Ereignis außerhalb des Browsers (z. B. Mausklick, Uhrzeit oder Datum usw.). Damit können Sie Informationen vorab auf eine Seite laden und erst anzeigen, wenn der Leser auf einen bestimmten Link klickt.
Echtzeit-Positionierung
Wenn die meisten Leute an DHTML denken, ist dies das, was sie erwarten. Objekte, Bilder und Text, die sich auf der Webseite bewegen. Auf diese Weise können Sie interaktive Spiele mit Ihren Lesern spielen oder Teile Ihres Bildschirms animieren.
Dynamische Schriftarten
Dies ist eine reine Netscape-Funktion. Netscape hat dies entwickelt, um das Problem zu umgehen, das Designer hatten, nicht zu wissen, welche Schriftarten sich auf dem System eines Lesers befinden würden. Bei dynamischen Schriftarten werden die Schriftarten codiert und mit der Seite heruntergeladen, sodass die Seite immer so aussieht, wie es der Designer beabsichtigt hat. Sie können auch verwenden websichere Schriftarten.
Datenbindung
Dies ist eine reine IE-Funktion. Microsoft hat dies entwickelt, um einen einfacheren Zugriff auf Datenbanken von Websites. Es ist der Verwendung sehr ähnlich CGI um auf eine Datenbank zuzugreifen, verwendet aber ein ActiveX-Steuerelement, um zu funktionieren. Diese Funktion ist sehr fortgeschritten und für den Anfänger von DHTML-Autoren schwierig zu verwenden.