Hva er (X)HTML?
HTML (Hypertext Markup Language) er spåket eller koden som brukes for strukturering av nettsider slik at de kan forstås av en nettleser. XHTML er en reformulering av HTML i XML, men er funksjonelt identisk med HTML. (X)HTML henspiller på “XHTML eller HTML”.
Hva er CSS?
CSS (Cascading Style Sheets) er et presentasjonsverktøy for (blant annet) (X)HTML-dokumenter. Med CSS defineres all presentasjonslogikk i noen få filer. Disse filene blir lagret lokalt på brukerens maskin første gang hun besøker nettstedet (caching).
Hvorfor (X)HTML/CSS?
Rene HTML-sider er krevende å veldikeholde og endre
Med “gammel” HTML som inneholder både presentasjon og struktur får man ofte store komplekse filer som er vanskelig å vedlikeholde. Denne typen nettsider kan heller ikke brukeren lagre lokalt på maskinen, men må laste ned for hver side siden nettleseren ikke er i stand til å skille mellom innhold, struktur og presentasjon.
Enklere redesign og skreddersøm til ulike medier
Siden (X)HTML/CSS-kombinasjonen skiller presentasjon og innhold er det også mulig å på et senere tidspunkt bytte ut det grafiske designet ved kun å endre CSS-filene. Dette betyr at man kan gjøre et redesign uten å involvere publiseringssystemet og de som jobber med dette. Det betyr sparte utgifter.
Med presentasjonen skilt ut i egne filer kan man også velge forskjellig presentasjon til forskjellig medium. Dette betyr at man kan skreddersy en og samme side for skjerm, utskrift og PDA uten å røre kildefilen – kun CSS!
(X)HTML og CSS gir bedre tilgjengelighet
Siden (X)HTML (strict) definerer kun innhold og struktur er det også for brukeren mulig (med enkelte nettlesere) å slå av stilsettet eller bruke et eget dersom det passer dem best. Dette gir fordeler for blant annet de med spesielle behov – for eksempel svaksynte som trenger stor skrift.
Semantisk (X)HTML og CSS er med på å øke et nettsteds tilgjengelighet. Det er faktisk en så viktig del av tilgjengeligheten at i retningslinjene for tilgjengelighet på nettet gitt av både staten i USA (Section 508) og W3C (WCAG) inneholder punkter som anbefaler bruk av (X)HTML og CSS for størst tilgjengelighet.
Standarder for (X)HTML og CSS nedsettes av W3C, en uavhengig organisasjon som jobber for et standardisert internett som er åpent for alle.
Fordeler med (X)HTML og CSS
For å oppsummere de største fordelene ved semantisk (X)HTML og CSS:
- Det gir mindre filer fordi presentasjonen skilles ut i egne filer og refereres av alle sider
- Brukeren kan “cache” – eller lagre CSS filene lokalt. Dermed sparer man server-ressurser ved å servere mindre innhold
- Designet er lettere å vedlikeholde fordi adskilte oppgaver er på adskilte plasser og gir ryddigere filer
- Man kan gjøre (grafisk) re-design uten å innvolvere (potensielt) dyre publiseringsløsninger og personale som drifter dette
- Man er bedre skikket for fremtiden – (X)HTML og CSS er standarder som er kommet for å bli og som det stadig blir bredere støtte for
- Man kan øke tilgjengeligheten ved å tilrettelegge for mange spesielle brukergrupper samtidig
- Man kan øke potensielt publikum ved å tilrettelegge for flere medier på en og samme side.
Hvor kan du lære (X)HTML og CSS?
Det finnes en mengde tutorials online du kan bruke for å lære deg dette.
Det finnes også gode gode bøker som for eksempel:
Du kan selvfølgelig også ta et kurs, men den beste måten å lære dette på er å kombinere selvstudier med å leie inn en frontend-utvikler som kan lære deg det du trenger på din arbeidsplass/i din situasjon/i ditt tempo.
Oppdatert 23.06.2010 av Kåre Garnes.
– Jeffrey Zeldman
– Robson & Freeman
