Jazyky HTML/CSS prošly za léta svého vývoje mnoha dramatickými zvraty, ale dnes je již jasné, že budoucnost se bude odehrávat v HTML 5/xHTML 5 a bezpochyby CSS3.

Připravil jsem Vám přehled s čím již dnes můžete v prohlížečích počítat a s čím zatím nepočítejte:

Metodologie: body jsou přičítány za každou vlastnost, kterou je prohlížeč schopen vykreslit podle norem W3C. Bony jsou přičítány za vlastnosti, které jsou dosud ve stádiu návrhu (draft), ale prohlížeč už s nimi umí pracovat.

Související specifikace

Experimentální:

Pro přesnost uvádím: použitá testovací stránka: http://html5test.com/.

Prohlížeč Firefox/Mozilla 5.0 nebyl vůbec schopen tuto testovací stránku vykreslit a proto není v přehledové tabulce uveden, ač by jeho umístění nemuselo být úplně špatné. *)

Resultát podle prohlížečů

Chrome: úspěšnost 374 z 475 testovaných vlastností + 13 bonů za dosud nenormované, návrhové vlastnosti.

Safari: úspěšnost 302 z 475 testovaných vlastností + 9 bonů za dosud nenormované, návrhové vlastnosti.

Opera: úspěšnost 287 z 475 testovaných vlastností + 7 bonů za dosud nenormované, návrhové vlastnosti.

MSIE 9: úspěšnost 141 z 475 testovaných vlastností + 5 bonů za dosud nenormované, návrhové vlastnosti.

MSIE 8 a nižší: úspěšnost 41 z 475 testovaných vlastností + 0 bonů za dosud nenormované, návrhové vlastnosti.

Resultát podle požadovaných schopností

Parsovací pravidla:

<! DOCTYPE html> (HTML5) lze užívat bez obavy ve všech prohlížečích. Pracuje jako spínač vykreslovacího jádra prohlížeče, ergo: spustí to nejmodernější jádro, které prohlížeč dovede.

Canvas funguje kromě MSIE<=9 uspokojivě.

Video je pro MSIE<9 nepoužitelné. V ostatních prohlížečích pracuje konzistentně. Nejlépe v Chrome.

Audio je pro MSIE<9 nepoužitelné. V ostatních prohlížečích pracuje konzistentně. Nejlépe v Chrome.

Nové HTML elementy:

Vyniká Chrome, za ním Opera a Safari poněkud pokulhávají, MSIE9 má nějaké chyby ale v MSIE<9 je naprosto nepoužitelný.

Formuláře

Špičková se jeví Opera, za ní Chrome, Safari poněkud kulhá a MSIE všech verzí je nepoužitelný.

Interakce

Chrome a Safari to umí, Opera a MSIE tak na 50 %.

Historie a navigace

Umí to všechny prohlížeče kromě MSIE.

Mikrodata

Neumí používat žádný současný prohlížeč.

Webové aplikace

Opět Chrome vyniká, za ním Opera a Safari. MSIE všech verzí je KO.

Bezpečnost

Chrome a Safari umí. Ostatní ne.

Geolocation

Kromě MSIE<9 zvládají všechny prohlížeče.

WebGL

Umí jen Chrome, Safari kulhá a ostatní to neumí.

Komunikace

Vyniká MSIE 9, Chrome a Safari poněkud pozadu, Opera pramálo a MSIE<9 to prakticky neumí.

Soubory

Vyniká Chrome, Opera se snaží, MSIE nechápe.

Úložiště

Tradičně: Chrome pracuje výtečně, Opera a Safari uspokojivě, MSIE neví, kde je bulík.

Pracovníci (Workers)

Chrome, Opera a Safari to umí. MSIE netuší „vo co go“.

Lokální multimédia

Neumí ani jeden z dominantních prohlížečů.

Notifications

Umí jen Chrome.

Jiné vlastnosti

Viditelnost stránky: jen Chrome.

Výběr textu

Vše mimo MSIE<9

Audio

Pouze Chrome a ještě neúplně.

Animace

Pouze Chrome.

window.requestAnimationFrame

Pouze Chrome.

* Remark (12/1/2012 11:30): Omlouvám se všem libcům Mozilly Firefoxu. Při testování jsem nedopatřením použil zastaralý FF 5.0. V aktuální verzi 9.0.1 smozřejmě HTML 5 bere (s celkovým skóre330 bodů + 9 benefitů). Tím se celkově umísťuje na druhé místo ve schopnostech vykreslovat moderní prvky, hned za Chrome.

Pak si zkuste napsat nějaký kód, který Vám bude fungovat úplně stejně ve všech prohlížečích. Ono to totiž skoro nejde.