Le HTML dynamique n'est pas vraiment une nouvelle spécification du HTML, mais plutôt une manière différente de regarder et de contrôler les codes et commandes HTML standard.
Quand on pense dynamique HTML, vous devez vous rappeler les qualités du HTML standard, en particulier qu'une fois qu'une page est chargée depuis le serveur, elle ne changera pas jusqu'à ce qu'une autre demande arrive au serveur. Le HTML dynamique vous donne plus de contrôle sur les éléments HTML et leur permet de changer à tout moment, sans retourner au serveur Web.
Le DHTML comporte quatre parties:
- Modèle d'objet de document (DOM) (définition)
- Scénarios
- Feuilles de style en cascade (CSS)
- XHTML
DOM
Le DOM est ce qui vous permet d'accéder à n'importe quelle partie de votre page Web pour la modifier avec DHTML. Chaque partie d'une page Web est spécifiée par le DOM et en utilisant ses conventions de nommage cohérentes, vous pouvez y accéder et modifier leurs propriétés.
Scénarios
Les scripts écrits en JavaScript ou ActiveX sont les deux langages de script les plus couramment utilisés pour activer DHTML. Vous utilisez un langage de script pour contrôler les objets spécifiés dans le DOM.
Feuilles de style en cascade
CSS est utilisé dans DHTML pour contrôler l'apparence de la page Web. Les feuilles de style définissent les couleurs et les polices du texte, les couleurs et les images d'arrière-plan et le placement des objets sur la page. En utilisant les scripts et le DOM, vous pouvez modifier le style de divers éléments.
XHTML
XHTML ou HTML 4.x est utilisé pour créer la page elle-même et construire les éléments pour le CSS et le DOM travailler sur. Il n'y a rien de spécial à propos du XHTML pour le DHTML - mais avoir du XHTML valide est encore plus important, car il y a plus de choses qui fonctionnent à partir de celui-ci que le simple navigateur.
Fonctionnalités de DHTML
Il existe quatre fonctionnalités principales de DHTML:
- Modification des balises et des propriétés
- Positionnement en temps réel
- Polices dynamiques (Netscape Communicator)
- Liaison de données (Internet Explorer)
Modification des balises et des propriétés
C'est l'une des utilisations les plus courantes du DHTML. Il vous permet de changer les qualités d'un balise HTML en fonction d'un événement extérieur au navigateur (comme un clic de souris, l'heure ou la date, etc.). Vous pouvez l'utiliser pour précharger des informations sur une page et ne pas les afficher à moins que le lecteur ne clique sur un lien spécifique.
Positionnement en temps réel
Lorsque la plupart des gens pensent à DHTML, c'est ce qu'ils attendent. Objets, images et texte se déplaçant sur la page Web. Cela peut vous permettre de jouer à des jeux interactifs avec vos lecteurs ou d'animer des parties de votre écran.
Polices dynamiques
Il s'agit d'une fonctionnalité réservée à Netscape. Netscape a développé cela pour contourner le problème des concepteurs de ne pas savoir quelles polices seraient sur le système d'un lecteur. Avec les polices dynamiques, les polices sont encodées et téléchargées avec la page, de sorte que la page a toujours l'apparence voulue par le concepteur. Vous pouvez aussi utiliser polices sécurisées pour le Web.
Liaison de données
Il s'agit d'une fonctionnalité réservée à IE Microsoft a développé ceci pour permettre un accès plus facile à bases de données de sites Web. C'est très similaire à l'utilisation CGI pour accéder à une base de données mais utilise un contrôle ActiveX pour fonctionner. Cette fonctionnalité est très avancée et difficile à utiliser pour le rédacteur DHTML débutant.