HTML är språket som ger varje webbsida dess struktur. Lär dig vad HTML är, hur det fungerar och vad det betyder för din webbplats som företagare.
Bakom varje webbplats finns ett språk som gör allt möjligt. Inte ett programmeringsspråk som bara utvecklare förstår, utan ett enkelt och läsbart språk som har varit internets ryggrad ända från början. Varje sida du någonsin har laddat, varje artikel du har läst på nätet, varje produktsida du har tittat på: allt börjar med det här språket.
Språket är HTML. Varje webbsida du någonsin har sett är byggd med det. Rubriken överst, textstycket under den, bilden vid sidan, knappen längst ned: allt är HTML. Det är startpunkten för varenda webbplats på internet, och när du förstår vad det gör får du en mycket tydligare bild av hur din webbplats fungerar.
Du behöver inte skriva HTML för att ha en webbplats. Moderna webbplatsbyggares sköter allt det åt dig. Men när du vet vad HTML är och vilken roll det spelar kan du fatta bättre beslut om din webbplats och kommunicera tydligare när du arbetar med designers eller utvecklare.
Vad står HTML för?
HTML står för HyperText Markup Language. Varje del av namnet säger något om vad det gör.
HyperText syftar på text som länkar till annat innehåll. Länkar mellan sidor är det som gör webben till en webb: du kan hoppa från en sida till en annan eftersom HTML stöder hyperlänkar. Markup betyder att språket använder taggar för att märka upp, eller etikettera, delar av innehållet så att webbläsaren vet vad den ska göra med dem. Language betyder att det följer en enhetlig uppsättning regler och syntax.
Vad används HTML till?
HTML används för att definiera strukturen på en webbsida. Det talar om för webbläsaren vad varje del av innehållet är. Är det här en rubrik? Är det ett stycke? Är det en lista? Är det en bild? Är det en länk? HTML svarar på alla de frågorna med hjälp av taggar.
En tagg är en etikett inom vinkelparenteser. En rubrik kan se ut så här i HTML: orden "Om oss" omgivna av en rubriktagg. Webbläsaren läser taggen, förstår att det är en rubrik och visar den som en rubrik. Samma sak gäller för varje element på sidan. HTML styr inte hur saker ser ut, bara vad de är.
Vad HTML inte gör
HTML ger en webbsida dess struktur, men styr inte hur den ser ut eller hur den beter sig. Det är där två andra språk kommer in.
CSS styr det visuella utseendet: färger, typsnitt, avstånd, layout och storlekar. Utan CSS vore en HTML-sida bara oformaterad text. JavaScript styr beteendet: vad som händer när du klickar på en knapp, hur ett formulär kontrolleras och hur innehåll laddas utan att sidan uppdateras. Tillsammans bildar HTML, CSS och JavaScript de tre lager som varje webbsida bygger på. HTML är grunden. Läs mer om vad CSS gör och vad JavaScript gör i nästa kapitel.
Hur använder en webbläsare HTML?
När du besöker en webbplats laddar webbläsaren ned HTML-filen för sidan. Den läser filen uppifrån och ned och bygger det som kallas DOM, en modell av alla element på sidan och hur de hänger ihop. Sedan använder den CSS för att utforma elementen och kör JavaScript för att lägga till interaktivitet. Det du ser på skärmen är resultatet av att alla tre samarbetar.
HTML är det webbläsaren läser först. Om HTML-koden är ren och välstrukturerad kan webbläsaren bearbeta den snabbare och visa sidan mer effektivt. Det hänger direkt ihop med webbplatsens hastighet. Uppsvälld eller dåligt skriven HTML gör varje sida tyngre och gör att besökarna får se ditt innehåll långsammare.
Vad betyder det för din webbplats som företagare?
Om du använder en webbplatsbyggare skriver du inte HTML själv. Plattformen skapar det åt dig när du lägger till innehåll och ordnar din layout. Det som är viktigt för dig är att HTML-koden den skapar är ren, semantisk och optimerad.
Ren HTML laddas snabbare. Semantisk HTML, alltså HTML som korrekt anger vad varje del av innehållet är, hjälper sökmotorer att förstå dina sidor. En rubrik som är markerad som rubrik väger tyngre i sökresultaten än en rubrik som bara är formaterad för att se stor ut. De här detaljerna sköts automatiskt när du bygger på en bra plattform. WEMASY:s webbplatsbyggare skapar välstrukturerad HTML bakom kulisserna, så dina sidor är byggda för både hastighet och sökning från start.
Vanliga frågor
Måste jag lära mig HTML för att bygga en webbplats?
Nej. Med en webbplatsbyggare skapar och hanterar du en webbplats i en visuell redigerare utan att skriva någon HTML. Plattformen sköter koden åt dig. Det är bra att kunna grunderna i HTML om du vill förstå hur din webbplats fungerar, men det krävs inte för att bygga eller driva en. Med WEMASY:s webbplatsbyggare arbetar du i en visuell redigerare och HTML skapas automatiskt.
Vad är skillnaden mellan HTML och en webbplats?
HTML är en av byggstenarna i en webbplats. En webbplats består av flera filer, bland annat HTML för struktur, CSS för utseende, JavaScript för beteende, bilder och ofta en databas som lagrar innehållet. HTML är det webbläsaren läser för att förstå vad som finns på sidan, men hela webbplatsupplevelsen kräver att alla de här lagren samarbetar.
Påverkar HTML SEO?
Ja, direkt. Sökmotorer läser din HTML för att förstå vad din sida handlar om. När du använder rätt taggar för rubriker, stycken, bilder och länkar får sökmotorerna veta vad varje del av innehållet är och hur viktig den är. En sida med tydlig, semantisk HTML är lättare för sökmotorer att indexera rätt än en sida med rörig eller uppsvälld kod. Det är en anledning till att det spelar roll för din ranking att bygga på en plattform som skapar ren HTML.
Vad är semantisk HTML?
Semantisk HTML betyder att du använder taggar som korrekt beskriver vilken typ av innehåll de omsluter. En rubrik ska använda en rubriktagg, inte en styckestagg som formaterats för att se stor ut. En lista ska använda en listtagg, inte en rad radbrytningar. Semantisk HTML gör din sida lättare att förstå för webbläsare, sökmotorer och skärmläsare. Det är en bästa praxis som påverkar både tillgänglighet och SEO utan att kräva något extra synligt innehåll.
Kan dålig HTML förstöra min webbplats?
Dåligt skriven HTML kan ge visningsproblem, långa laddningstider och problem med hur sökmotorer läser dina sidor. Webbläsare är ganska förlåtande och försöker visa en sida även om HTML-koden innehåller fel, men resultatet kanske inte ser rätt ut. Därför spelar kodkvaliteten hos plattformen du bygger på roll. Välstrukturerad HTML från en pålitlig webbplatsbyggare tar bort den risken helt.
Är HTML detsamma på alla webbplatser?
HTML följer en standarduppsättning regler som World Wide Web Consortium har fastställt, vilket betyder att kärnspråket är detsamma överallt. Men hur det skrivs och struktureras varierar mycket mellan webbplatser. Vissa webbplatser har ren, minimal HTML. Andra har lager på lager av onödig kod. Skillnaden syns i hastighet, sökprestanda och hur väl sidan fungerar i olika webbläsare och på olika enheter.