Dynamisk HTML eller DHTML (fra engelske Dynamic HTML ) angir settet med teknikker som gjør det mulig å lage interaktive nettsider ved å bruke en kombinasjon av et statisk markeringsspråk (som HTML ), et tolket språk på klientsiden (som JavaScript ), Cascading Style Sheets (CSS) språk og objekthierarkiet til en Document Object Model (DOM).
En dynamisk HTML - side er en hvilken som helst nettside der skript på klientsiden endrer dokumentets HTML etter at det er fullstendig lastet, og påvirker utseendet og funksjonaliteten til objekter på siden. Den dynamiske funksjonen til DHTML er derfor måten siden samhandler med brukeren på når den vises, siden siden er lik for alle brukere.
I motsetning til dette brukes det mer generelle uttrykket "dynamisk nettside" for å referere til en bestemt side som gjengis forskjellig for hver bruker, på hver side som lastes inn på nytt, eller av spesifikke verdier for miljøvariabler. Dette begrepet må ikke forveksles med DHTML. Disse dynamiske sidene er resultatet av kjøringen av et program i en eller annen type programmeringsspråk på serveren til nettsiden (som Java , ASP.NET , PHP , Perl ), som genererer siden før den sendes til serveren. klient; eller fra klient-side kjøring av kode som lager hele siden før klientprogrammet (vanligvis en nettleser ) viser den.
På en DHTML-side, når den er fullstendig lastet av klienten, blir en kode utført (som i JavaScript -språket ) som har effekter på verdiene til presentasjonsdefinisjonsspråket (for eksempel CSS ), og dermed oppnår en modifikasjon i informasjonen som presenteres eller det visuelle utseendet til siden mens brukeren ser på den.
DHTML lar utviklere legge til effekter på sider som ellers ville vært vanskelig å oppnå. Oppsummert: skriptspråk brukes til å endre DOM-strukturen og noen av bruken av DHTML er:
Vanligvis har en gyldig nettside som bruker DHTML en struktur som ligner på følgende:
<!DOCTYPE html> < html lang = "no" > < head > < meta charset = "utf-8" > < title > DHTML-eksempel </ title > </ head > < body > < div id = "section" > </ div > < script type = "text/javascript" > var init = function () { myObject = document . getElementById ( "seksjon" ); // ... manipulere mittObject }; vindu . onload = init ; </ script > < script src = "mijavascript.js" ></ script > </ body > </ html >Støtte for DHTML med DOM-tilgang ble introdusert i Internet Explorer 4.0. Selv om det var en annen mer grunnleggende implementering i Netscape Navigator 4.0, ble ikke alle HTML-elementer gjengitt i DOM.
Det er nettlesere som ikke kan kjøre skript som JavaScript eller VBScript , derfor definerer HTML-standarden taggen <noscript>, som kan brukes til å sette informasjon som skal vises i nettlesere som ikke støtter skript, eller som har skriptkjøring deaktivert.