Hva er HTML?

Tilbake til kompetanseguidens hovedside

HTML er det mest grunnleggende språket for å lage nettsider. Det står for oppbyggingen av innholdet på en nettside, og utgjør sammen med CSS og Javascript frontend-språkene.

I dette intervjuet forteller Morten Laugerud, UX-designer i Kantega, litt mer om HTML.

Hva er det overordnede bruksområdet for HTML i 2020?

HTML brukes for å bygge stort sett alle nettsider og webapplikasjoner som brukes gjennom en nettleser. Strengt tatt er HTML en måte å definere og strukturere innhold på, eller semantikken.

Alt innhold på nettet, enten det er tekst, bilder, grafikk, video eller skjemaer, blir definert ved hjelp av HTML, og det er opp til nettleseren å tolke dette. Det blir derimot ikke mye til app uten to andre viktige deler; CSS til å styre utseende og Javascript til å styre oppførsel.

De siste årene har flere og flere innsett at universell utforming (UU) er noe man ikke kan overse. Semantisk og riktig HTML er en stor del av dette, og har gjort at HTML har fått seg litt av en vitamininnsprøytning. Vi kan regne med mer fokus på dette framover, og kunnskap om HTML utover det grunnleggende vil bli ettertraktet.

Hvis man kaller seg en fullstack-utvikler er det helt nødvendig å kunne dette.

Hva er fordelen med HTML? HTML utvides hele tiden, og vil derfor ikke forsvinne på en lang stund. Dette er ikke noe som er hot akkurat nå, og som kanskje vil bli erstattet av noe yngre og vakrere om noen år. Blir man skikkelig god på HTML har man kunnskap med lang levetid.

Det finnes mange andre måter å definere innhold på, men HTML er standarden satt av W3C, så det er egentlig ingen vei utenom.

Hva er ulempene eller begrensningene?

Etter hvert som HTML utvides med ny funksjonalitet er vi avhengig at nettlesere er kompatible. Det kan ta en stund før dette skjer, og da blir vi kanskje litt tilbakeholdne med å ta i bruk alt det nye med én gang.

Brukere flest er derimot flinke til å oppdatere nettleserne sine, så kompatibilitet er egentlig ikke en stor problemstilling lenger. Det er lenge siden jeg har vært bort en «IE bug».

En utfordring er at vi ikke lenger skriver HTML «for hånd». Det er andre teknologier og applikasjoner som spyr ut HTML for oss, og da mister vi fort kontrollen. Publiseringsløsninger og CMS-er, WYSIWYG-er og komponentbiblioteker er det som pakker innhold og data inn i HTML som til slutt havner hos sluttbrukeren. Da gjelder det å ha tunga rett i munnen.

Hva er typisk å utvikle med HTML, og hvilke teknologier er vanlig å bruke for å oppnå det?Alt innhold på internett, altså nettsider og webapplikasjoner som til slutt tolkes av en nettleser, er HTML. Man kan komme et godt stykke på vei med kun HTML, men skal man lage noe med skikkelig verdi må CSS og Javascript også på banen.

Med denne treenigheten kan du lage omtrent hva du vil på web, men det kan også brukes til å lage native-apper til Android og IOS, enten ved hjelp av webviews eller rammeverk som knar alt sammen til noe som operativsystemet forstår.

Hva er kjente eksempler på populære programmer, nettsider eller funksjoner som er utviklet med HTML?Så å si alle sidene du noen gang har sett på internett, inkludert det du leser nå, er HTML. Det som ikke er HTML på internett er, eller rettere sagt var, Flash. Flash og Actionscript var det man brukte for å lage nettsider og spill med det lille ekstra. Nå får man til alt det Flash kunne med HTML5 og CSS3.

Hvilke teknologier eller verktøy er det viktig å mestre for å utnytte potensialet i HTML?Det hjelper med et godt utviklerverktøy som gir deg forslag på tags og attributter, og samtidig varsler deg når du ikke skriver validert HTML. Men egentlig kan man klare seg med kun Notepad eller en annen primitiv tekst-editor.

Hvilke språk ligner, eller er nært knyttet til HTML?HTML har sitt opphav fra XML, ment for å gi data mening og semantikk. XML er mammaen til mange ulike «markup»-språk.

Hvordan er vanskelighetsgraden og læringskurven? Hvilke forkunnskaper er det en eventuelt en fordel å ha?Det er enkelt å lære HTML, og man trenger ingen forkunnskaper. Hvert fall ikke innen programmering, for HTML er ikke programmeringsspråk.

Når jeg skal lære noen det helt grunnleggende om HTML pleier jeg å bruke Word som utgangspunkt, og hvordan man der for eksempel definerer overskrifter som... vel, overskrifter.

Kan du si noe om utviklingen og forhistorien til HTML?Siden HTML og internett kom i starten av 90-tallet har det skjedd mange endringer og forbedringer. De første versjonene av HTML var bare standarder satt av W3C, men etter hvert ble HTML utvidet med utgangspunkt i hvordan utviklerne faktisk tok det i bruk. Dette, i kombinasjon med at det er så lett å lære, er nok oppskriften på suksessen til HTML.

Et eksempel på dette er noen av de nye elementene som kom med HTML5 i 2014 – <header> og <footer>. Disse hadde aldri vært inkludert, hadde det ikke vært for etablerte konvensjoner om hva en header og en footer inneholder, og den utbredte bruken av <div class="header"> og <div class="footer">.

Mesteparten av nettsidene skrevet på 2000-tallet benyttet enten HTML 4.01 eller XHTML 1.0. To ganske like versjoner, der den ene har litt strengere syntaks. I dag har vi heldigvis bare én og samme versjon å forholde oss til; HTML 5, lansert i 2014.

Med HTML 5 fikk vi mye mer enn bare flere måter å definere innholdet vårt, men verktøy til å bygge skikkelige applikasjoner. Spille av video og musikk, lagring, vektor, og mye annet som tidligere var avhengig av plugins og tredjeparter.

Etterhvert som det kommer flere teknologier som leser innhold på internett vil semantikk bli viktigere og viktigere. I dag er det så utrolig mange flere måter å benytte seg av internett enn det det var bare for 20 år siden. Da var det stort sett en stasjonær PC med Internet Explorer man brukte. I dag bruker vi smarttelefoner, smartklokker, stemmestyring, brødristere, you name it. Med tanke på tilgjengelighet vil blinde og svaksynte for eksempel benytte seg av skjermlesere eller leselister til å bruke internett. Dette skjer jo allerede i dag.

Men hva med fremtidens måte å surfe på nettet? VR og IOT (internet of things) er på vei opp, men utover det vet vi ikke. Derfor er klart definerte standarder som HTML så viktig. For uavhengig av hva som «leser» nettet i fremtiden vil nettsiden eller applikasjonen din være klar!