HTML dinamico è un termine collettivo per una combinazione di tag e opzioni HTML (Hypertext Markup Language) che possono rendere le pagine Web più animate e interattive rispetto alle versioni precedenti di HTML. Gran parte dell'HTML dinamico è specificato in HTML 4.0. Semplici esempi di funzionalità HTML dinamico includono la modifica del colore di un'intestazione di testo quando un utente passa il mouse su di essa e la possibilità di "trascinare e rilasciare" un'immagine in un altro punto di una pagina Web. L'HTML dinamico può consentire ai documenti Web di apparire e agire come applicazioni desktop o produzioni multimediali.
Concetti e funzionalità in HTML dinamico
- Una vista orientata agli oggetti di una pagina Web e dei suoi elementi
- Fogli di stile a cascata e stratificazione del contenuto
- Programmazione che può indirizzare tutti o la maggior parte degli elementi della pagina
- Caratteri dinamici
Una vista orientata agli oggetti degli elementi della pagina
Ogni elemento della pagina (divisione o sezione, titolo, paragrafo, immagine, elenco e così via) viene visualizzato come un "oggetto". (Microsoft lo chiama "Dynamic HTML Object Model". Netscape lo chiama "HTML Object Model". W3C lo chiama "Document Object Model"). Ad esempio, ogni intestazione di una pagina può essere denominata, dati gli attributi dello stile del testo e colore, e indirizzato per nome in un piccolo programma o "script" incluso nella pagina. Questa intestazione o qualsiasi altro elemento della pagina può essere modificato come risultato di un evento specificato come il passaggio del mouse o il clic o il tempo trascorso. Oppure un'immagine può essere spostata da un luogo a un altro "trascinando e rilasciando" l'oggetto immagine con il mouse. (Queste possibilità di eventi possono essere viste come capacità di reazione dell'elemento o dell'oggetto.) Qualsiasi modifica avviene immediatamente (poiché tutte le variazioni di tutti gli elementi o oggetti sono state inviate come parte della stessa pagina dal server Web che ha inviato la pagina) . Pertanto, le variazioni possono essere pensate come proprietà diverse dell'oggetto.
Non solo le variazioni degli elementi possono modificare il testo o il colore del testo, ma tutto ciò che è contenuto in un oggetto titolo può essere sostituito con nuovo contenuto che include HTML diverso o aggiuntivo, nonché testo diverso. Microsoft chiama questa la "tecnologia dell'intervallo di testo".
Sebbene JavaScript, applet Java e controlli ActiveX fossero presenti nei livelli precedenti delle pagine Web, l'HTML dinamico implica una maggiore quantità di programmazione nelle pagine Web poiché più elementi di una pagina possono essere indirizzati da un programma.
Una funzionalità denominata caratteri dinamici consente ai progettisti di pagine Web di includere file di caratteri contenenti stili, dimensioni e colori di caratteri specifici come parte di una pagina Web e di scaricare i caratteri con la pagina. Cioè, la scelta del carattere non dipende più da ciò che fornisce il browser dell'utente.
Fogli di stile e stratificazione
A descrive le caratteristiche di stile predefinite (incluso il layout della pagina e lo stile e le dimensioni del tipo di carattere per gli elementi di testo come intestazioni e corpo del testo) di un documento o di una parte di un documento. Per le pagine Web, un foglio di stile descrive anche il colore o l'immagine di sfondo predefiniti, i colori dei collegamenti ipertestuali e possibilmente il contenuto della pagina. I fogli di stile aiutano a garantire la coerenza in tutte o un gruppo di pagine in un documento o in un sito Web.
L'HTML dinamico include la capacità di specificare fogli di stile in un modo "foglio di stile a cascata" (ovvero, collegamento o specifica di fogli di stile o istruzioni di stile diversi con livelli di precedenza predefiniti all'interno della stessa o di un insieme di pagine correlate). Come risultato dell'interazione dell'utente, è possibile rendere applicabile un nuovo foglio di stile e provocare un cambiamento dell'aspetto della pagina Web. Puoi avere più livelli di foglio di stile all'interno di una pagina, un foglio di stile all'interno di un foglio di stile all'interno di un foglio di stile. Un nuovo foglio di stile può variare solo un elemento dal foglio di stile sopra di esso.
La stratificazione è l'uso di fogli di stile alternativi o altri approcci per variare il contenuto di una pagina fornendo livelli di contenuto che possono sovrapporre (e sostituire o sovrapporre) sezioni di contenuto esistenti. I livelli possono essere programmati per apparire come parte di una presentazione a tempo o come risultato dell'interazione dell'utente.