Hvad hvert sprog gør, og hvorfor man holder dem adskilt
Alle hjemmesider, fra den simpleste landingsside til en stor webapplikation, hviler på de samme tre teknologier. De har hver sin opgave, og det er en god vane at holde dem adskilt: indhold for sig, udseende for sig og opførsel for sig.
HTML (HyperText Markup Language) beskriver indholdet og dets struktur: overskrifter, afsnit, lister, links, billeder og formularer. Semantisk HTML betyder, at man vælger elementer ud fra deres betydning — en overskrift skal være et overskriftselement, ikke bare tekst gjort stor med styling. Det hjælper både søgemaskiner og skærmlæsere med at forstå siden.
CSS (Cascading Style Sheets) styrer, hvordan indholdet ser ud: farver, skrifttyper, afstande, layout og responsivt design. Navnet 'cascading' henviser til, at regler kan arve og overskrive hinanden efter bestemte prioriteringsregler. Moderne layout bygges typisk med flexbox og grid, som gør det muligt at tilpasse sig forskellige skærmstørrelser.
JavaScript gør siden interaktiv: reagerer på klik, henter data, opdaterer indholdet uden at genindlæse siden og validerer formularer. Hvor HTML og CSS er statiske beskrivelser, er JavaScript et fuldt programmeringssprog, der kører i browseren og kan ændre siden, mens brugeren bruger den.
En robust webside fungerer i sit grundlag uden JavaScript og bliver så forbedret, hvor det giver mening. Tænk på tilgængelighed fra starten: brug semantiske elementer, sørg for at alt kan betjenes med tastatur, giv billeder alternativ tekst, og sørg for tilstrækkelig kontrast. Det er ikke ekstraarbejde til sidst — det er en del af håndværket.
“HTML er knoglerne, CSS er huden, og JavaScript er musklerne. En god side fungerer, selv før musklerne kommer til.”
— Almindelig læreregel i webudvikling