-
Bild 1 av 3
Utan tvekan har du hört talas om HTML5; men du har förmodligen inte sett en tydlig, korrekt förklaring av vad det är, vad det innehåller och vad det kan göra. Termen HTML5 missbrukas allmänt som en paraplyterm för alla möjliga typer av teknologier, varav vissa inte har någon koppling till standarden alls. Om detta har gjort dig lite förvirrad är det förståeligt.
I den här funktionen ger vi dig en introduktion till HTML5, som visar dig vad den består av och vad du kan göra med den. Vi kommer också att titta på andra tekniker som ofta av misstag kallas ”HTML5-teknologier”.
Vad är HTML5?
I ett nötskal är HTML5 den senaste versionen av HTML – det språk som webbsidor skrivs på. HTML5 skiljer sig från tidigare versioner genom att introducera nya element, uppdatera betydelsen av andra och avskaffa en handfull. HTML5-specifikationen definierar också nya JavaScript-funktioner som kan användas tillsammans med nya HTML-element.
Till skillnad från tidigare versioner av HTML skapades inte HTML5 av World Wide Web Consortium (W3C). Dess ursprung ligger i den oberoende Web Hypertext Application Technologies Working Group (WHATWG), som bildades 2004 av delegater från Apple, Mozilla och Opera som inte höll med W3C:s vision om XHTML som webbens framtid. WHATWG skapade förslag för att utveckla webben som en plattform för applikationer – och inom några år antog W3C dessa förslag. De två organisationerna utvecklar och underhåller nu HTML5 tillsammans.
Det är värt att notera att varje organisation har sin egen version: även om de två är väldigt lika, är WHATWG:s ett ”levande dokument” som regelbundet justeras, medan W3C:s underhålls genom mer formella processer.
Nya element i HTML5
Många av uppdateringarna HTML5 har fört med sig är avsedda att göra livet lättare för utvecklare. Ett exempel är HTML5-användningen av DOCTYPE. Före HTML5 var syntaxen du var tvungen att använda för att tala om för webbläsaren vilken typ av HTML du använde minst sagt ovänlig; den första raden på en HTML 4.01-sida kan till exempel vara:
Idag, för att specificera HTML5, behöver du bara definiera:
HTML5 innehåller också ett nytt ”charset”-element som definierar teckenkodningen för din webbsida – en användbar funktion på den alltmer flerspråkiga webben. Till exempel, för att definiera standardteckenkodningen för din sida som UTF-8, kan du helt enkelt placera följande rad i head-elementet:
Nya semantiska element
HTML5 fokuserar på att göra kod lättare att förstå, navigera och anpassa. För detta ändamål introducerar den flera semantiska element som inte ingick i tidigare versioner av standarden. Till att börja med, eftersom många webbsidor har sidhuvuden och sidfötter, innehåller HTML5 nya
