HTML dinamic
Dynamic HTML sau DHTML (din limba engleză Dynamic HTML ) desemnează setul de tehnici care permit crearea de site-uri web interactive utilizând o combinație a unui limbaj de marcare static (cum ar fi HTML ), un limbaj interpretat în partea clientului (cum ar fi JavaScript ), Limbajul CSS ( Cascading Style Sheets ) și ierarhia obiectelor unui Document Object Model (DOM).
O pagină HTML dinamică este orice pagină web în care scripturile din partea clientului modifică HTML -ul documentului după ce acesta s-a încărcat complet, afectând aspectul și funcționalitatea obiectelor de pe pagină. Caracteristica dinamică a DHTML, așadar, este modul în care pagina interacționează cu utilizatorul atunci când o vizualizează, pagina fiind aceeași pentru toți utilizatorii.
În schimb, termenul mai general „pagină web dinamică” este folosit pentru a se referi la o anumită pagină care este redată diferit pentru fiecare utilizator, la fiecare reîncărcare a paginii sau prin valori specifice ale variabilelor de mediu. Acest termen nu trebuie confundat cu DHTML. Aceste pagini dinamice sunt rezultatul executării unui program într-un anumit tip de limbaj de programare pe serverul paginii web (cum ar fi Java , ASP.NET , PHP , Perl ), care generează pagina înainte de a o trimite către server. client; sau din execuția de cod pe partea clientului care creează întreaga pagină înainte ca programul client (de obicei, un browser ) să o afișeze.
Într-o pagină DHTML, odată ce a fost încărcată complet de către client, se execută un cod (precum în limbajul JavaScript ) care are efecte asupra valorilor limbajului de definire a prezentării (de exemplu CSS ), realizându-se astfel o modificare în informațiile prezentate sau aspectul vizual al paginii în timp ce utilizatorul o vizualizează.
Utilizări
DHTML permite dezvoltatorilor să adauge efecte pe pagini care altfel ar fi dificil de realizat. În rezumat: limbajele de scripting sunt folosite pentru a schimba structura DOM și Unele dintre utilizările DHTML sunt:
- Animați textul și imaginile din document, indiferent de poziția sau forma elementului ( bloc sau inline ).
- Încorporați o secțiune care își actualizează automat conținutul cu cele mai recente știri , citatul zilei sau alte date, cu, de exemplu, Ajax .
- Folosind un formular care primește date de la utilizator, le prelucrează, le verifică și dă un răspuns fără a fi nevoie să efectueze un alt apel către server.
- Adăugați butoane cu acțiuni personalizate.
Structura unei pagini web
De obicei, o pagină web validă care utilizează DHTML are o structură similară cu următoarea:
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > Exemplu DHTML </ title >
</ head >
< body >
< div id = "section" > </ div >
< script type = "text/javascript" >
var init = function () {
myObject = document . getElementById ( "secțiune" );
// ... manipulează myObject
};
fereastra . onload = init ;
</ script >
< script src = "mijavascript.js" ></ script >
</ body >
</ html >
Suportul pentru DHTML cu acces DOM a fost introdus în Internet Explorer 4.0. Deși a existat o altă implementare de bază în Netscape Navigator 4.0, nu toate elementele HTML au fost redate în DOM.
Există browsere care nu pot executa scripturi precum JavaScript sau VBScript , prin urmare, standardul HTML definește eticheta <noscript>, care poate fi folosită pentru a pune informații care vor fi afișate în browsere care nu acceptă scripturi sau care au execuția script-urilor dezactivată.
