Ett stort steg för internet

Publicerad 2009-09-01 17:31

Datormagazin är en tidning som består av två huvudkomponenter. Dels har vi en tydlig hårdvaru- och testvinkel, dels en utvecklardel med fokus på webbutveckling, databashantering med mera. Den sistnämnda brukar inte synas till så mycket här i vårt nyhetsbrev, men denna gång gör vi ett undantag. För det är en stor förändring som kommer snart, en förändring som påverkar alla som på ett eller annat sätt jobbar med innehåll på nätet. Det handlar om HTML version 5.

I vårt kommande nummer 10-2009 skriver Andreas Eklöv en introduktionsartikel på detta ämne, en artikel som du här och nu får en försmak av. Det vi bjuder på är en nedbantad förhandstitt med ett axplock av alla nyheter som kommer att finnas i den nya standarden. Den kompletta artikeln går betydligt djupare och tar även upp frågor kring vektorgrafik och multimedia med de nya taggelementen Audio och Video.

Det är alltså stort fokus på en webb som mer består av bilder och ljud än enbart text, precis i linje med alla prognoser om hur vi kommer att använda nätet i den närmaste framtiden.
Peter Widén

Från den kommande artikeln om HTML5 i Datormagazin nr 10-2009:

HTML är fyra bokstäver som betyder väldigt mycket. Det är grunden för det som presenteras i våra webbläsare och en nyckelkomponent i de många internetbaserade tjänster som vi tar för givet idag.

HTML 4.01 är den standard som dagens internetbaserade innehåll bygger på. Denna version skapades dock för en tid då mycket innehåll var statiskt och enkelt. Därför har standarden fått utökas med nya definitioner, så som XHTML och DOM Level 2 HTML. Till detta kom diverse insticksmoduler för multimedieinnehåll.

Lösningen på detta gytter är en ny och mer modern standard - HTML5.

Med HTML5 ska vi få en enhetlig standard som sammanför många tekniker som tidigare varit separata. HTML5 ska kunna skrivas med både HTML- och XML-syntax och vara bättre lämpat för skapande och hantering av dokument.

En annan nyhet är introduktionen av taggar och utvecklargränssnitt speciellt designade för att underlätta utveckling och drift av webbapplikationer. Målet med detta är att utvecklare av webbapplikationer ska få en enhetlig standard som eliminerar behovet av specialanpassade lösningar.

Skillnader i HTML-syntax
Då du kan skriva både HTML och XML-kod i HTML5 kommer det att bli extra viktigt att hålla reda på de syntaktiska skillnaderna. Med HTML är bruket av versaler och kapitäler valfritt i samband med bruket av taggar och utvecklare kan därför blanda taggar skrivna med versaler och gemener. Med XHTML är taggarna strikt definierade och brukar generellt sett skrivas som gemener.

HTML och XHTML skiljer sig även en hel del när det gäller öppning och stängning av taggar. Med HTML startas en tagg innesluten i vinkelparenteser (<a >) och samma tagg stängs sedan med en motsvarande tagg där ett snedstreck (</a>) markerar en stängning.

Det finns dock tomma element, ”void elements”, som är undantaget från regeln. Exempel på tomma element är radbrytningselementet <BR> som i HTML inte har någon stängande tagg. Detta skiljer sig från XHTML där alla taggar måste avslutas, antingen genom en stängande tagg eller genom ett snedstreck i slutet på tomma element.

Det är dock möjligt för utvecklare att välja denna syntaktiska modell även när de skriver enligt HTML-syntax. Trots detta bör du ha de syntaktiska skillnaderna i åtanke när utvecklingen börjar gå över till HTML5, då en oförsiktig blandning av de syntaktiska modellerna ger en ökad risk för fel.

Semantisk struktur
Dokument såväl som webbsidor är ofta indelade i olika sektioner, till exempel sidhuvud, navigation, innehåll, innehållsförteckning och sidfot. När det gäller HTML4 görs denna uppdelning ofta med hjälp av DIV-taggar. Visserligen ger denna metod önskat resultat men det är upp till utvecklaren att specificera och hålla reda på vilka DIV-sektioner som tillhör sidans olika delar.

Med HTML5 introduceras därför ett antal nya taggar som alla används för att innesluta kod för specifika delar av ett dokument:

Header - används för att innesluta material som tillhör sidhuvudet, så som logotyp, rubriker, sökformulär med mera. Nav - används för att innesluta kod som definierar navigationselement, så som länkar till webbplatsernas olika avdelningar. Section - används för att skapa allmänna sektioner i ett dokument. Flera sektioner kan nästlas i varandra. Aside - används som ett komplement till sidans huvudinnehåll, exempelvis en lista med länkar. Footer - används för att innesluta kod som hör till sidfoten, exempelvis kontakt- och upphovsrättsinformation.

Framtiden startar nu
HTML5 utvecklas fortfarande och en fullständig övergång till standarden kommer att ta många år. Det finns dock webbläsare som redan nu har stöd för delar av standarden, som Firefox 3.5 och Safari 4. När det gäller Opera och Google Chrome är du hänvisad till de senaste utvecklarversionerna.
Andreas Eklöv

Av: Peter Widén