Nettleserstøtte for HTML5-dummies

Hvis du skriver HTML5-kode, må du se websider i en nettleser som tolker HTML5 riktig. Problemet er at HTML5 ikke bare er en spesifikasjon, men en rekke forskjellige standarder, og ulike nettlesere tilbyr forskjellige versjoner av støtte.

De fleste nettlesere er basert på et mindre sett med verktøy som kalles rendering motorer. Det er rendering-motoren som virkelig støtter funksjoner eller ikke. De primære motorer, nettleserne som bruker dem, og hvor godt de støtter HTML5 er

• Gecko (Firefox): Gecko-motoren er hovedmotoren til Firefox, Mozilla og en rekke relaterte nettlesere. Den har støtte for mange (men ikke alle) HTML5-funksjoner. Selv om Firefox er en velkjent og respektert nettleser i webutviklingssamfunnet, har den ikke (ennå) ekstremt god støtte til HTML5.

• Trident (Internet Explorer): De ulike former for Internet Explorer (IE) bruker alle Trident-motoren. Hittil har denne motoren den svakeste støtten til HTML5-funksjoner blant alle de store nettleserne. IE9 lover å ha mye mer fullstendig støtte for HTML5, men selv denne versjonen forventes å mangle noen viktige funksjoner, inkludert avansert formelementstøtte og geolocation.

• WebKit: WebKit-motoren ble opprinnelig opprettet av Apple basert på kode fra KHTML-prosjektet med åpen kildekode. Apple lanserte koden som åpen kildekode, hvor det ble grunnlaget for en rekke nettlesere. Safari-nettleseren på Mac, iPhones og iPads bruker alle WebKit-motoren. WebKit er også grunnlaget for Google Chrome-nettleseren og nettleseren på Android-mobilplattformen.

  WebKit har blitt standard gjengivelsesmotor for mobile plattformer. Hvis du vil se hvordan sidene dine vil se på mobile plattformer, kan du sjekke med en WebKit-basert nettleser som Chrome eller Safari. WebKit har den bredeste støtten til HTML5-elementer, selv om den fortsatt ikke støtter alt.

• Presto: Presto er motoren som ligger bak Opera-familien av nettlesere. Opera har lenge vært ansett som en teknisk overlegen nettleser, men det forholdet har ikke oversatt til markedsandel.

Nettleserens spesifikasjoner endres - det er dyrets natur. Test alltid siden din i så mange nettlesere som mulig, så du blir ikke overrasket. Du kan også sjekke Wikipedias Sammenligning av layoutmotorer (HTML5) som har en tendens til å ha den nyeste informasjonen om hvilke funksjoner i HTML som støttes av hvilken nettleser.