L'HTML dinamico non è realmente una nuova specifica dell'HTML, ma piuttosto un modo diverso di guardare e controllare i codici ei comandi HTML standard.
Quando si pensa alla dinamica HTML, è necessario ricordare le qualità dell'HTML standard, in particolare che una volta caricata una pagina dal server, non cambierà fino a quando non arriva un'altra richiesta al server. L'HTML dinamico offre un maggiore controllo sugli elementi HTML e consente loro di modificarli in qualsiasi momento, senza dover tornare al server Web.
Ci sono quattro parti in DHTML:
- Document Object Model (DOM) (definizione)
- script
- Fogli di stile (SSC)
- XHTML
DOM
Il DOM è ciò che ti consente di accedere a qualsiasi parte della tua pagina Web per cambiarla con DHTML. Ogni parte di una pagina Web è specificata dal DOM e utilizzando le sue convenzioni di denominazione coerenti è possibile accedervi e modificarne le proprietà.
script
Gli script scritti in JavaScript o ActiveX sono i due linguaggi di scripting più comuni utilizzati per attivare DHTML. Si utilizza un linguaggio di scripting per controllare gli oggetti specificati nel DOM.
Fogli di stile
I CSS vengono utilizzati in DHTML per controllare l'aspetto e l'aspetto della pagina Web. I fogli di stile definiscono i colori e i caratteri del testo, i colori e le immagini di sfondo e la posizione degli oggetti sulla pagina. Usando lo scripting e il DOM, puoi cambiare lo stile di vari elementi.
XHTML
XHTML o HTML 4.x viene utilizzato per creare la pagina stessa e costruire gli elementi per il CSS e il DOM Lavorare su. Non c'è niente di speciale in XHTML per DHTML, ma avere un XHTML valido è ancora più importante, poiché ci sono più cose che funzionano da esso oltre al semplice browser.
Caratteristiche di DHTML
Ci sono quattro caratteristiche principali di DHTML:
- Modificare i tag e le proprietà
- Posizionamento in tempo reale
- Caratteri dinamici (Netscape Communicator)
- Associazione dati (Internet Explorer)
Modifica dei tag e delle proprietà
Questo è uno degli usi più comuni di DHTML. Ti permette di cambiare le qualità di un tag HTML a seconda di un evento esterno al browser (come un clic del mouse, l'ora o la data e così via). Puoi usarlo per precaricare le informazioni su una pagina e non visualizzarle a meno che il lettore non faccia clic su un collegamento specifico.
Posizionamento in tempo reale
Quando la maggior parte delle persone pensa al DHTML, questo è ciò che si aspetta. Oggetti, immagini e testo in movimento nella pagina Web. Ciò può consentirti di giocare a giochi interattivi con i tuoi lettori o animare parti dello schermo.
Caratteri dinamici
Questa è una funzionalità solo di Netscape. Netscape lo ha sviluppato per aggirare il problema che i progettisti avevano nel non sapere quali caratteri sarebbero stati sul sistema di un lettore. Con i caratteri dinamici, i caratteri vengono codificati e scaricati con la pagina, in modo che la pagina abbia sempre l'aspetto desiderato dal designer. Puoi anche usare caratteri sicuri per il web.
Associazione dati
Questa è una funzionalità solo di IE. Microsoft ha sviluppato questo per consentire un accesso più facile a database da siti Web. È molto simile all'uso CGI per accedere a un database ma utilizza un controllo ActiveX per funzionare. Questa funzione è molto avanzata e difficile da usare per lo scrittore DHTML principiante.