HTML5 nahradil všechny platformy Flash, Silverlight, XHTML a další jako bezpečnější a všestrannější řešení na webu. Co je to HTML5 a jak se mu podařilo stát se všudypřítomným nástrojem pro vývoj webových aplikací? Dnes se podíváme na nejpoužívanější značkovací jazyk webu a na to, jak změnil způsob, jakým vývojáři vytvářejí webové stránky a implementují do nich různé moderní funkce.
HTML5: Co to je a jak to funguje?
Zde se dozvíme o HTML5, jeho výhodách a o tom, jak se liší od Flash, Silverlight a dalších platforem pro vývoj webových aplikací, které již nahradil nebo je připraven tak učinit vpřed. Pojďme se tedy bez dalších potíží ponořit přímo do práce a zjistit, proč většina webových vývojářů dává přednost HTML5, kdo jej udržuje a proč ho doporučuje World Wide Web Consortium (W3C). Obsah + -
Co je to HTML5?
HTML5 je programovací jazyk a nejnovější veřejná iterace HyperText Markup Language neboli HTML, vytvořil v roce 1989 vynálezce World Wide Web, Sir Tim Berners Lee. Doporučeno konsorciem WWW (W3C), používá se ke strukturování a prezentaci obsahu na webu a je udržováno konsorciem hlavních dodavatelů prohlížečů, včetně Apple, Google, Mozilla a Microsoft. Společně tvoří Pracovní skupina pro webovou hypertextovou aplikační technologii (WHATWG), který má nyní výhradní oprávnění nad standardy HTML a DOM (Document Object Model) poté, co W3C loni postoupil kontrolu.
WHATWG HTML 'Living Standard', který je neustále aktualizován, je nyní autoritativní, nahrazení statického standardu založeného na snímku šířeného dříve W3C. Ti dva si často navzájem odporovali, zejména pokud jde o přípustný obsah prvek, který byl hlavním zdrojem sváru mezi těmito dvěma organizacemi, s definicí W3C umožňující širší škálu použití než definice WHATWG. Během posledních několika let však společně pracovali na vývoji jednotného standardu HTML5 pro celý web.
Jak funguje HTML5?
HTML5 zahrnuje všechny 3 základní komponenty webového designu - HTML, CSS a JavaScript. Zatímco HTML se používá k vytváření textu na webové stránce, CSS se používá pro styling a k označení toho, jak budou prezentovány prvky na webové stránce. Pokud jde o JavaScript, je odpovědný za aktivitu a akci uživatele na webové stránce. Pomocí těchto prvků mohou vývojáři vytvářet responzivní webové stránky, které mohou automaticky přeskupit všechny prvky tak, aby se vešly na obrazovku stolních počítačů, notebooků a mobilních telefonů, bez ohledu na jejich velikost, rozlišení a poměr stran..
Jaké technologie nahradil?
HTML5 byl poprvé vydán ve veřejné podobě v roce 2008, s významnou aktualizací v říjnu 2014. Záměrem bylo nahradit nejen HTML4 (původně standardizované v roce 1997), ale také XHTML 1 a DOM Level 2 HTML. Vzhledem ke své univerzálnosti a snadnému vývoji však W3C, který vyvíjel XHTML 2.0 jako konkurenční platformu, na tom přestal pracovat a doporučil HTML5 jako budoucnost webového vývoje.
Z pohledu uživatele je největší změna oproti HTML4 již nepotřebujeme doplňky jako Adobe Flash nebo Microsoft Silverlight pro přehrávání videí na různých webech. Pamatujete si, jak jste byli před deseti lety často vyzváni k „aktualizaci Flash“ (nebo Silverlight) při pokusu o přehrávání videí online? Kdy jste naposledy viděli takovou výzvu? A kdy naposledy jste potřebovali aktualizovat Javu na svém počítači? Je pravděpodobné, že jste takové zprávy neviděli za posledních pět let.
Pokud se tyto výzvy stále zobrazují, musíte tyto stránky přestat navštěvovat, protože se jedná buď o staré, zastaralé weby, které představují bezpečnostní riziko, nebo o falešné weby provozované podvodníky, kteří se snaží do vašeho systému nainstalovat malware. Od září 2020 méně než 0,035% webů používalo Silverlight, 2,5% používalo Adobe Flash a méně než 0,017% používalo Javu, což je v moderním webu vytvořeném kolem HTML5 stalo nadbytečným..
Jaké jsou výhody HTML5?
Existuje mnoho důvodů, proč se HTML5 stala preferovanou platformou pro vývoj webových aplikací. Nejen, že je jednodušší kódovat než v jiných značkovacích jazycích, ale také obsahuje integrované bohaté multimediální funkce které zajišťují, že k vytvoření úplné webové stránky od nuly není vyžadován žádný jiný software nebo plugin prohlížeče. Tato technologie umožňuje webovým návrhářům vyvíjet všechny typy aplikací, animací a dalších multimediálních funkcí, které běží v prohlížeči.
Dalším masivním důvodem pro přijetí HTML5 je skutečnost, že není proprietární, což znamená, že za jeho používání nemusíte platit licenční poplatky. Je to také platformně-agnostická technologie které lze použít k vykreslení webových stránek na počítačích se systémem Windows, počítačích se systémem Linux, MacBookech, Androidu, iPhonech, chytrých televizích a dalších. Vše, co potřebujete, je kompatibilní uživatelský agent (kterýkoli z populárních moderních prohlížečů) a ke všem výhodám dostupným na webu máte na dosah ruky.
HTML5 navíc umožňuje vývojářům používat ve svých webových aplikacích pokročilé funkce, jako je GPS, fotoaparát a akcelerometr, takže je nejvhodnější pro dnešní éru mobilních zařízení. Rovněž usnadnilo přidávání diskusních fór, nástrojů pro přetahování, chatovacích platforem a řady dalších prvků na webové stránky.
Další obrovskou výhodou HTML5 je, že umožňuje vývojářům snadno přenášet aplikace na mobilní zařízení. Nyní, když je každý prohlížeč dodáván s nativní podporou standardu, také do značné míry nahradil starší platformy jako Flash a Silverlight, čímž zlepšil zabezpečení a nabídl bezproblémové procházení.
Jaké jsou nevýhody HTML5?
I přes téměř všudypřítomnost přichází HTML5 s vlastní sadou problémů, které trápí jak programátory, tak koncové uživatele. Primární mezi nimi je nedostatek standardního formátu videa HTML5, ale existují i další problémy, které zůstávají problémem na jinak spolehlivé, zabezpečené a na funkce bohaté platformě pro vývoj webových aplikací. Zde jsou některé z nevýhod HTML5:
1. Žádná standardní podpora videa pro všechny prohlížeče
Jedním z hlavních problémů s HTML5 je zmatek ohledně podpory formátu videa pro různé prohlížeče. Přestože všechny moderní prohlížeče začleňovaly podporu HTML5 před několika lety, ne každý podporuje všechny formáty videa HTML5. Často docházelo k nejasnostem ohledně toho, který prohlížeč podporuje který formát videa, protože to závisí nejen na uživatelském agentovi, ale také na platformě (Windows, Android, Linux atd.).
Mezi hlavní formáty, H.264 se stal de facto standardem a všechny prohlížeče ho podporují na všech platformách. Ogg Theora je také podporován všemi prohlížeči na všech platformách kromě Safari pro iOS, zatímco VP8 / WebM je také podporován všemi, i když Safari vyžaduje ruční instalaci. Podobný problém existuje také se zvukem, ačkoli WAV (PCM) a MP3 (MPEG) jsou podporovány všemi hlavními prohlížeči.
2. HTML5 „Životní úroveň“ se neustále vyvíjí
Nepomůže ani to, že „Životní úroveň„dělá z HTML pohyblivý cíl pro webové vývojáře, kteří musí často hádat o podpoře nových funkcí. Zatímco někteří považují neustálé upgrady za výhodu, neočekávané změny ve standardu mohou vykreslit prvky na webu zbytečné, dokud správce nevydá opravu. Ve skutečnosti se to u moderních webů zřídka děje, ale stále je to problém, který webovým designérům drží háčky.
3. Hraní s JavaScriptem
Další velkou překážkou je podpora her, protože HTML5 je jediným skriptovacím jazykem podporovaným, JavaScript je méně než ideální platforma pro silný herní zážitek. Vlastní jmenné prostory, přístup členů, rozhraní a dědičnost mají v JavaScriptu problémy a nutí vývojáře hledat alternativní řešení. To znamená, že vývojáři her stále přešli z Flash na HTML5 kvůli bezproblémové podpoře mezi platformami napříč všemi agenty uživatelů.
Podpora prohlížeče HTML5
Jak již bylo zmíněno dříve, všechny moderní prohlížeče, včetně Edge, Firefox, Chrome, Safari a Opera podporují alespoň některé prvky HTML5 na všech platformách. Jejich podpora standardu se však neprojevuje identicky. Pravidlem je, že Firefox podporuje nejširší škálu funkcí HTML5, přičemž Chrome je těsně za ním.
Zde je (nevyčerpávající) seznam prohlížečů, které podporují HTML5:
- Microsoft Edge
- Mozilla Firefox
- Google Chrome
- Apple Safari
- Opera
- Opera Mobile
- Prohlížeč Android
- Chrom
- Konqueror
- Web GNOME
Můžete se podívat na CanIuse.com, kde najdete podrobný rozpis toho, co podporuje která verze kterého prohlížeče na jaké platformě.
HTML5: Současnost a budoucnost vývoje webu
HTML5 vylepšuje fungování webu, což vývojářům usnadňuje vytváření skvělých webů a uživatelům umožňuje tyto výtvory zažít bez ohledu na zvolené zařízení nebo prohlížeč, který používají. Jedná se o největší a nejpopulárnější platformu pro vývoj webových aplikací a díky stále se vyvíjejícím standardům zahrnujícím nové funkce a funkce to tak pravděpodobně zůstane i v dohledné budoucnosti.