Nu mobiele applicaties (apps) in hoog tempo de wereld veroveren, krabt menig uitgever zich achter de oren over de vraag voor welk ‘platform’ een app te ontwikkelen. iPhone, Android, Blackberry, iPad, Windows Phone?

Deze zogenaamde ‘native’ apps zijn alleen op specifieke hardware bruikbaar en worden geprogrammeerd in andere talen dan websites. Daarmee breken ze feitelijk met de open en vrije natuur van internet. Daarnaast brengt het voor uitgevers die doelgroepen niet willen uitsluiten extra ontwikkelkosten met zich mee om op alle platforms aanwezig te zijn.

Als alternatief op dit denken in platforms, wordt steeds vaker naar HTML5 gewezen als dé oplossing voor dit ‘probleem’. Is dat terecht? Oordeel zelf! HTML(5) in vogelvlucht.

HTML (voor beginners)
HTML is de opmaaktaal van het web – opmaken in de zin van het toekennen van betekenis aan een document. Bekijk de bron van een willekeurige webpagina en er verschijnen codes voor paragrafen, titels, links, lijsten, tabellen, afbeeldingen, video’s en wat al niet meer. HTML definieert uit welke elementen een webpagina kan bestaan en wat zij betekenen. Dat maakt de taal tot één van de fundamentele concepten van het internet.

Van 4 naar 5
Wellicht was niet iedereen zich er van bewust, maar de afgelopen dertien jaar – een eeuwigheid in internetland – gebruikten we met zijn allen de vierde versie van HTML. Pas de laatste tijd wordt er weer energie gestoken in het verder ontwikkelen van de taal, waarvoor men logischerwijs de aanduiding HTML5 verzon. Doorgaans leiden zulke nieuwe termen tot grote woorden en hoge verwachtingen en veroorzaken ze tegelijk de nodige onduidelijkheid. Dat is in dit geval niet anders. Tijd voor enige opheldering en concrete toepassingsrichtingen.

Het zoveelste buzzword
HTML5 is een marketingterm geworden, net zoals ‘web 2.0’ dat een paar jaar geleden was, en is ook zaken gaan omvatten die feitelijk geen HTML zijn. Of je dat vervelend vindt of niet, het is inmiddels zo gegroeid. Techneuten weten dat nieuwe formuliervelden tot HTML5 behoren, ronde hoekjes in CSS3 worden getekend en geolocatie met Javascript te maken heeft. Wie dat onderscheid niet maakt noemt alles ‘HTML5’ en zit er strikt genomen naast. Maar zolang dit ervoor zorgt dat marketeers, uitgevers en ontwikkelaars elkaar begrijpen en de laatsten zelf de vertaalslag maken is dat prima.

Webpagina’s worden programma’s
Dat het internet ontstond als academische toepassing is goed te zien in HTML4: die versie van de taal is vooral geschikt om documenten mee te representeren. Tegenwoordig zijn tekst en plaatjes echter niet meer genoeg. Webpagina’s zijn steeds minder op documenten gaan lijken en meer op programma’s. Het werd nogal een uitdaging om dat soort functionaliteit in HTML4 te realiseren. In HTML5 zijn concepten en modules opgenomen die juist het ontwikkelen en vormgeven van webapplicaties gemakkelijker maken.

Eén website, meerdere verschijningsvormen
Het goede oude HTML raakt dus weer in beeld. Zeker voor het ontwikkelen van mobiele websites. Eén van de meest sprekende voordelen daarvan is het zogenaamde ‘responsive web design’. Een blik op http://mediaqueri.es/ zegt genoeg: de layout van een HTML5 website zich kan aanpassen aan het medium dat de site weergeeft. Een indeling van bijvoorbeeld vier kolommen kan worden ‘platgeslagen’ tot een variant waarin dezelfde content onder elkaar wordt gepositioneerd, een aangepaste vormgeving krijgt of zelfs geheel wordt verborgen. Voilà, uw mobiele website. Op een apparaat dat meerdere oriëntaties ondersteunt geeft het kantelen van het scherm een verbazingwekkend resultaat van een website die als het ware in een ander model glijdt. Inderdaad, een effect dat we kennen van apps.

Is dan alles hosanna?
Nee, niet alles. Elk van de diverse leveranciersplatforms kent een applicatiewinkel die zowel een etalagefunctie als een laagdrempelig betalingssysteem biedt. Daar hebben browsers nog terrein te winnen. Uitgevers met voldoende marketingkracht kunnen hun doelgroep echter zelf bereiken en hoeven dus ook niet af te dragen aan de ‘app store provider’. Een uitgever met een beperkter ontwikkelbudget kan dankzij HTML5 toch een goede eerste stap richting mobiele devices zetten.

Niet elke browser spreekt HTML5
HTML5 is nieuwer dan de meeste browsers. Met name de oudere versies van Internet Explorer op de PC kennen dit nieuwe dialect domweg niet en zullen alle codes die ze niet begrijpen negeren en daarmee bepaalde effecten weglaten. Dat lijkt wellicht een probleem, maar feitelijk is dat juist dé reden waarom iedereen nu al met HTML5 aan de slag kan. Immers, een moderne browser zal moderne code interpreteren en weergeven zoals bedoeld, een oudere browser doet er helemaal niets mee en geeft dus ook geen foutmelding. Bovendien zijn er diverse tools beschikbaar die oudere browsers een steuntje in de rug geven. Het enige waar we met zijn allen aan moeten wennen is dat een website er niet meer exact hetzelfde uitziet in verschillende browsers.

Conclusie
HTML5 speelt in op de behoeften die uitgevers, bezoekers en ontwikkelaars van websites anno 2011 hebben. Met kleine ingrepen zijn aanmerkelijke verbeteringen te behalen, vooral op de mobiele markt die – toeval of niet – juist nu enorm aantrekt.

Gerelateerde berichten:

• Financial Times kiest ook op iPhone en iPad voor HTML5
• Autoriteit van auteurs bepalen met rel=”author”
• De technische kant van online uitgeven: 5 tips

• 

Trefwoorden: html5, publishr.nl magazine #4

Vincent Smedinga is user experience developer bij Liones. Hij zorgt dat de vormgeving en gebruiksvriendelijkheid van websites volledig tot hun recht komen – op welk apparaat en in welke browser dan ook. Op het snijvlak van techniek, design en marketing is hij precies in zijn element.
Bekijk meer berichten van Vincent Smedinga