DHTML introduktion

Du bör ha grundläggande kunskaper i

Innan du fortsätter, behöver du ha en grundläggande förståelse för följande kunskaper:

  • HTML
  • CSS
  • JavaScript

Om du vill lära dig dessa projekt först, besök vår Förstasidan Besök dessa tutorials.

DHTML är inte en W3C-standard

DHTML betyder dynamiskt HTML (Dynamic HTML).

DHTML är inte en standard som definieras av World Wide Web Consortium (W3C). DHTML är en marknadsföringsterm - använd av Netscape och Microsoft för att beskriva de nya teknologier som version 4.x av webbläsare bör stödja.

DHTML är en sammansättning av tekniker för att skapa dynamiska webbplatser.

För de flesta betyder DHTML en kombination av HTML 4.0, stilar och JavaScript.

W3C har sagt: "Dynamiskt HTML är en term som vissa tillverkare använder för att beskriva en kombination av HTML, stilar och skript som gör dokument mer dynamiskt."

DHTML-teknik

Genom DHTML kan webbutvecklare kontrollera hur HTML-element visas och placeras i webbläsarfönstret.

HTML 4.0

Genom HTML 4.0 kan alla formateringar (information) flyttas ut från HTML-dokumentet och skrivas in i en separat stiltabell. Eftersom HTML 4.0 kan separera dokumentets presentation från dess struktur, kan vi helt kontrollera presentationssidan utan att förstöra dokumentets innehåll.

Kaskadstilar (CSS)

Genom CSS får vi ett mönster för stil och layout för HTML-dokument.

Eftersom CSS ger utvecklare möjlighet att samtidigt kontrollera stilen och layouten för flera webbsidor, kan CSS kallas en branschbrytning inom webbdesign. Som utvecklare kan du definiera stilar för varje HTML-element och tillämpa dem på så många sidor som du vill. Om du behöver göra en global förändring, behöver du bara ändra stilen och alla element i webben kommer att uppdateras automatiskt.

Dokumentobjektmönster (DOM)

DOM betyder dokumentobjektmönster.

HTML DOM är en dokumentobjektmönster för HTML.

HTML DOM definierar ett standardiserat uppsättning objekt och standardmetoder för att komma åt och hantera HTML-objekt.

“W3C Document Object Model (DOM) är en språk- och plattformsoberoende gränssnitt som tillåter program och skript att dynamiskt komma åt och uppdatera dokumentets innehåll, struktur och stil.”

JavaScript

Gör dig kapabel att skriva kod som kan kontrollera alla HTML-element.

DHTML-teknik i Netscape 4.x och Internet Explorer 4.x

Netscape 4.x Korsbläser DHTML Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (tillåter dig att kontrollera hur olika HTML-element ska visas)
  • Layers (tillåter dig att kontrollera elementens position och synlighet)
  • CSS1
  • CSS2 (tillåter dig att kontrollera hur olika HTML-element ska visas)
  • CSS Positioning (tillåter dig att kontrollera elementens position och synlighet)
  • JavaScript
  • Visuella filter (tillåter dig att applicera visuella effekter på text och grafik)
  • Dynamisk CSS (tillåter dig att kontrollera elementens position och synlighet)

Kommentar:Så länge egenskaper och tekniker som skapas av olika webbläsare inte stöds av andra webbläsare, kommer det att uppstå problem med att koda med DHTML. En webbsida kan se utmärkt ut i en webbläsare, men mycket dåligt i en annan.