Dinamikus HTML
A dinamikus HTML vagy a DHTML (az angol Dynamic HTML szóból ) olyan technikák összességét jelöli, amelyek lehetővé teszik interaktív webhelyek létrehozását valamilyen statikus jelölőnyelv (például HTML ), az ügyféloldalon értelmezett nyelv (például JavaScript ) kombinációjával, Cascading Style Sheets (CSS) nyelv és egy dokumentumobjektum-modell (DOM) objektumhierarchiája.
A dinamikus HTML-oldal minden olyan weboldal, amelyen a kliensoldali szkriptek megváltoztatják a dokumentum HTML- kódját a teljes betöltés után, ami befolyásolja az oldalon lévő objektumok megjelenését és működését. A DHTML dinamikus jellemzője tehát az, ahogyan az oldal interakcióba lép a felhasználóval, amikor megtekinti, és az oldal minden felhasználó számára ugyanaz.
Ezzel szemben az általánosabb "dinamikus weboldal" kifejezést olyan konkrét oldalra használjuk, amely az egyes felhasználók számára, minden oldal újratöltéskor vagy a környezeti változók meghatározott értékei alapján másképp jelenik meg. Ezt a kifejezést nem szabad összetéveszteni a DHTML-lel. Ezek a dinamikus oldalak egy program végrehajtásának eredményeként jöttek létre valamilyen programozási nyelven a weboldal szerverén (például Java , ASP.NET , PHP , Perl ), amely előállítja az oldalt, mielőtt elküldené a szervernek. ügyfél; vagy olyan kód kliensoldali végrehajtásából, amely létrehozza a teljes oldalt, mielőtt az ügyfélprogram (általában egy böngésző ) megjelenítené azt.
Egy DHTML-oldalon, miután az ügyfél teljesen betöltötte, egy kódot hajtanak végre (például JavaScript nyelven ), amely hatással van a prezentációs definíciós nyelv értékeire (például CSS ), így módosítást hajtanak végre. a megjelenített információkban vagy az oldal vizuális megjelenésében, miközben a felhasználó azt nézi.
[
A DHTML lehetővé teszi a fejlesztők számára, hogy olyan hatásokat adjanak az oldalakhoz, amelyeket egyébként nehéz lenne elérni. Összefoglalva: a szkriptnyelveket a DOM szerkezetének megváltoztatására használják, és a DHTML néhány felhasználási módja:
- Szöveg és képek animálása a dokumentumban, függetlenül az elem helyzetétől vagy alakjától ( blokk vagy soron belül ).
- Olyan szakasz beágyazása, amely automatikusan frissíti a tartalmát a legfrissebb hírekkel , a nap idézetével vagy más adatokkal, például az Ajaxszal .
- Olyan űrlap használatával, amely adatokat kap a felhasználótól, feldolgozza, ellenőrzi, és választ ad anélkül, hogy újabb hívást kellene kezdeményeznie a szervernek.
- Gombok hozzáadása egyéni műveletekkel.
Egy weboldal felépítése
A DHTML-t használó érvényes weboldalak felépítése általában a következőhöz hasonló:
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > DHTML példa </ title >
</ head >
< body >
< div id = "section" > </ div >
< script type = "text/javascript" >
var init = function () {
myObject = document . getElementById ( "szakasz" );
// ... a myObject manipulálása
};
ablak . onload = init ;
</ script >
< script src = "mijavascript.js" ></ script >
</ body >
</ html >
Az Internet Explorer 4.0-ban bevezették a DHTML támogatását DOM hozzáféréssel. Noha a Netscape Navigator 4.0 -ban volt egy másik, alapvetőbb megvalósítás is , nem minden HTML-elem volt renderelve a DOM-ban.
Vannak böngészők, amelyek nem tudnak olyan szkripteket futtatni, mint például a JavaScript vagy a VBScript , ezért a HTML szabvány meghatározza a címkét <noscript>, amely felhasználható olyan információk elhelyezésére, amelyek olyan böngészőkben jelennek meg, amelyek nem támogatják a szkripteket, vagy amelyekben a parancsfájl végrehajtása le van tiltva.
