Mobile 24/7

 

HTML 5 maakt browsers slimmer

Dated dinsdag 24 januari 2012

Tags: webdesign

HTML 5 maakt browsers slimmer

Browsers zijn van nature vrij domme programma's. Het belangrijkste doel van de browser is het lezen van HTML en CSS en de pagina op de juiste manier weergeven. Het "slimme" van een website word meestal toegevoegd door middel van javacript of server side code zoals php of asp.

Browsers neemt taken over

Met HTML 5 wordt een deel van deze taken overgenomen door de browser. Het belangrijkste onderdeel is validatie: is een formulier correct ingevuld. Klopt het e-mail adres? Is de opgegeven waarde inderdaad een telefoonnummer?

Met nieuwe formulier velden, zoals tel, email, color en datetime, kan de controle op de syntax door de browser over worden genomen. Vanuit veiligheidsredenen is het natuurlijk altijd goed om alsnog een controle op de server uit te voeren.

Meer dan alleen valideren

Naast het niet meer zelf hoeven te schrijven van de javascript, hebben deze velden ook nog andere voordelen:

Omschrijvend

de velden geven een omschrijving van wat ze moeten doen, geen exacte definitie. Dit betekend dat ze aangepast kunnen worden. Mocht de syntax van een e-mail veld ooit veranderen wordt de validatie automatisch in de browser aangepast.

Standaard

Deze velden zullen op steeds meer website worden gebruikt. Als een gevolg hiervan raken ook steeds meer gebruikers gewend aan de manier waarop deze velden werken. Dit maakt formulieren voorspelbaarder en dus makkelijker in te vullen.

Context

Door deze velden te gebruiken weet de browser wat je van de bezoeker verwacht. Hier kan de brower zich op aanpassen. Zo wordt op een mobiel bijvoorbeeld het toetsenbord aangepast aan het e-mail veld, zodat het makkelijker wordt een e-mail adres op te geven.

Deel op: Deel op Facebook Deel op Linked In Deel op Twitter Deel op Pinterest Deel op Google bookmarks