HTML er sproget, der giver hver webside sin struktur. Lær, hvad HTML er, hvordan det virker, og hvad det betyder for din hjemmeside som iværksætter.
Bag hver hjemmeside er der et sprog, som gør det hele muligt. Ikke et programmeringssprog, som kun udviklere forstår, men et enkelt, læsbart sprog, der har været internettets rygrad lige fra begyndelsen. Hver side, du nogensinde har åbnet, hver artikel, du har læst online, og hver produktside, du har kigget på, starter med det ene sprog.
Sproget er HTML. Hver webside, du har set, er bygget med det. Overskriften øverst, afsnittet under den, billedet i siden og knappen nederst er alt sammen HTML. Det er udgangspunktet for alle hjemmesider på internettet, og når du forstår, hvad det gør, får du et tydeligere billede af, hvordan din hjemmeside fungerer.
Du behøver ikke skrive HTML for at have en hjemmeside. Moderne hjemmesidebyggere klarer det hele for dig. Men når du ved, hvad HTML er, og hvilken rolle det spiller, træffer du bedre beslutninger om din hjemmeside og kan tale tydeligere med designere eller udviklere.
Hvad står HTML for?
HTML står for HyperText Markup Language. Hver del af navnet fortæller noget om, hvad det gør.
HyperText er tekst, der linker til andet indhold. Links mellem sider er det, der gør nettet til et net. Du kan hoppe fra én side til en anden, fordi HTML understøtter hyperlinks. Markup betyder, at sproget bruger tags til at markere eller mærke stykker af indholdet, så browseren ved, hvad den skal gøre med dem. Language betyder, at det følger et fast sæt regler og en fast syntaks.
Hvad bruges HTML til?
HTML bruges til at bestemme en websides struktur. Det fortæller browseren, hvad hvert stykke indhold er. Er det en overskrift? Et afsnit? En liste? Et billede? Et link? HTML svarer på alle de spørgsmål gennem tags.
Et tag er en mærkat, der står i vinkelparenteser. En overskrift kan se sådan ud i HTML: ordene "Om os" pakket ind i et overskriftstag. Browseren læser tagget, forstår, at det er en overskrift, og viser den derefter. Det samme gælder alle elementer på siden. HTML bestemmer ikke, hvordan ting ser ud, kun hvad de er.
Hvad HTML ikke gør
HTML giver en webside dens struktur, men styrer ikke, hvordan den ser ud, eller hvordan den opfører sig. Det klarer to andre sprog.
CSS styrer udseendet: farver, skrifttyper, afstande, layout og størrelser. Uden CSS ville en HTML-side bare være almindelig tekst uden styling. JavaScript styrer adfærden: hvad der sker, når du klikker på en knap, hvordan en formular tjekkes, og hvordan indhold hentes uden at siden opdateres. Sammen udgør HTML, CSS og JavaScript de tre lag, som alle websider er bygget på. HTML er fundamentet. Læs mere om hvad CSS gør og hvad JavaScript gør i de næste kapitler.
Hvordan bruger en browser HTML?
Når du besøger en hjemmeside, henter browseren HTML-filen til den side. Den læser filen fra top til bund og bygger det, der kaldes DOM, en model af alle elementer på siden og hvordan de hænger sammen. Derefter bruger den CSS til at style elementerne og kører JavaScript for at tilføje interaktivitet. Det, du ser på skærmen, er resultatet af, at alle tre arbejder sammen.
HTML er det, browseren læser først. Er HTML'en ren og velopbygget, kan browseren behandle den hurtigere og vise siden mere effektivt. Det hænger direkte sammen med hjemmesidens hastighed. Oppustet eller dårligt skrevet HTML gør hver side tungere og gør, at besøgende ser dit indhold langsommere.
Hvad betyder det for din hjemmeside som iværksætter?
Bruger du en hjemmesidebygger, skriver du ikke selv HTML. Platformen laver det for dig, når du tilføjer indhold og placerer dit layout. For dig er det vigtigt, at den HTML, den laver, er ren, semantisk og optimeret.
Ren HTML loader hurtigere. Semantisk HTML, altså HTML der mærker rigtigt, hvad hvert stykke indhold er, hjælper søgemaskiner med at forstå dine sider. En overskrift, der er markeret som overskrift, vejer tungere i søgeresultaterne end en overskrift, der bare er stylet til at se stor ud. De detaljer bliver klaret automatisk, når du bygger på en god platform. WEMASYs hjemmesidebygger laver velopbygget HTML bag kulisserne, så dine sider fra start er bygget til både hastighed og søgning.
Ofte stillede spørgsmål
Skal jeg lære HTML for at bygge en hjemmeside?
Nej. Med hjemmesidebyggere kan du lave og styre en hjemmeside i en visuel editor uden at skrive HTML. Platformen tager sig af koden. Det er en fordel at kende det grundlæggende i HTML, hvis du vil forstå, hvordan din hjemmeside fungerer, men det er ikke et krav for at bygge eller drive en. Med WEMASYs hjemmesidebygger arbejder du i en visuel editor, og HTML'en bliver lavet automatisk.
Hvad er forskellen på HTML og en hjemmeside?
HTML er en af byggeklodserne i en hjemmeside. En hjemmeside består af flere filer, blandt andet HTML til struktur, CSS til styling, JavaScript til adfærd, billeder og ofte en database, der gemmer indholdet. HTML er det, browseren læser for at forstå, hvad der er på siden, men hele oplevelsen af en hjemmeside kræver, at alle de lag arbejder sammen.
Påvirker HTML SEO?
Ja, direkte. Søgemaskiner læser din HTML for at forstå, hvad din side handler om. Bruger du de rigtige tags til overskrifter, afsnit, billeder og links, fortæller du søgemaskinerne, hvad hvert stykke indhold er, og hvor vigtigt det er. En side med tydelig, semantisk HTML er lettere for søgemaskiner at indeksere rigtigt end en side med uordnet eller oppustet kode. Det er en grund til, at det betyder noget for dine placeringer, at du bygger på en platform, der laver ren HTML.
Hvad er semantisk HTML?
Semantisk HTML betyder, at man bruger tags, der præcist beskriver den type indhold, de rummer. En overskrift skal bruge et overskriftstag og ikke et afsnitstag, der er stylet til at se stort ud. En liste skal bruge et listetag og ikke en række linjeskift. Semantisk HTML gør din side lettere at forstå for browsere, søgemaskiner og skærmlæsere. Det er god praksis, der gavner både tilgængelighed og SEO uden at kræve ekstra synligt indhold.
Kan dårlig HTML ødelægge min hjemmeside?
Dårligt skrevet HTML kan give fejl i visningen, langsom indlæsning og problemer med, hvordan søgemaskiner læser dine sider. Browsere er ret overbærende og prøver at vise en side, selv hvis HTML'en har fejl, men resultatet ser måske ikke rigtigt ud. Derfor har kodens kvalitet på den platform, du bygger på, betydning. Velopbygget HTML fra en pålidelig hjemmesidebygger fjerner den risiko helt.
Er HTML ens på alle hjemmesider?
HTML følger et fælles sæt regler fra World Wide Web Consortium, så selve sproget er det samme overalt. Men hvordan det skrives og opbygges, er meget forskelligt fra hjemmeside til hjemmeside. Nogle sider har ren og minimal HTML. Andre har lag af unødvendig kode. Forskellen kan ses i hastighed, søgeresultater og i, hvor godt siden virker i forskellige browsere og på forskellige enheder.