Enhver nettside du besøker, uansett hvor enkel eller avansert, er bygget av tre lag som jobber sammen. Tenk på det som å bygge et hus.
HTML er skjelettet
HTML er husets bindingsverk, reisverket som bestemmer hvor veggene, dørene og vinduene skal stå. I en nettside bestemmer HTML at noe er en overskrift, et avsnitt, en knapp eller et bilde, uten å si noe om hvordan det faktisk ser ut. Det er ren struktur, ingen farger, ingen skrifttyper, bare hva som er hva.
CSS er malingen og møblene
CSS er alt det visuelle, malingen på veggene, tapetet, møblene og hvordan de er plassert i rommet. Det er CSS som bestemmer farger, avstander, skriftstørrelser og hvordan innholdet fordeler seg over siden. Bytt ut CSS-en, og et helt annet «hus» kan dukke opp rundt akkurat den samme strukturen.
JavaScript er elektrisiteten
JavaScript er elektrisiteten og rørleggingen, det som gjør at ting faktisk skjer. En meny som åpner seg når du trykker på den, et bilde som bytter automatisk, en handlekurv som oppdaterer seg selv, en advarsel som dukker opp fordi du glemte å fylle ut et felt: alt dette er JavaScript i sving.
Hva som skjer uten hvert lag
Uten HTML har du ingen struktur å style i utgangspunktet, bare løs tekst uten form. Uten CSS ser alt likt og kjedelig ut, som et hus uten en eneste strøk maling. Uten JavaScript står huset der pent og pyntet, men lysbryterne virker ikke, ingenting reagerer på det du gjør.
Hvorfor er dette nyttig å vite
Neste gang noe på en nettside oppfører seg rart, en knapp som ikke virker, en side som ser ødelagt ut, eller tekst som havner feil sted, kan du fort tenke gjennom om problemet trolig ligger i strukturen, utseendet eller funksjonaliteten, og dermed vite omtrent hvor feilen stikker.