Pomocí funkce HTML5 Shiv povolíte HTML 5 ve starších verzích aplikace Internet Explorer

Použití jazyka JavaScript pro nápovědu starších verzí podpory IE HTML 5 tagů

HTML už není "nové dítě v bloku". Mnoho webových designérů a vývojářů používá tuto nejnovější iteraci HTML už mnoho let. Přesto existují někteří weboví profesionálové, kteří zůstali mimo HTML5, často proto, že museli podporovat starší verze aplikace Internet Explorer a obávali se, že stránky staré HTML5 nebudou podporovány v těch starších prohlížečích. Naštěstí existuje skript, který můžete použít k podpoře HTML ve starších verzích IE (to by byly verze nižší než IE9), což vám umožní vytvářet webové stránky více v souladu s dnešními technologiemi a používat některé nové značky ve formátu HTML 5.

Představujeme HTML Shiv

Jonathan Neal vytvořil jednoduchý skript, který řekne aplikaci Internet Explorer 8 a nižším (a Firefox 2 v tom případě), aby označovaly tagy HTML 5 jako skutečné značky . To vám umožní stylovat je, jako byste měli nějaký jiný HTML prvek a použít je ve svých dokumentech.

Jak používat HTML Shiv

Chcete-li tento skript použít, jednoduše přidejte do dokumentu HTML5 následující tři řádky

nad štítem stylů.

Všimněte si, že toto je novější místo pro tento skript HTML Shiv. Dříve byl tento kód hostován na Googlu a mnoho webů stále odkazuje na tento soubor chybně, aniž by si uvědomil, že již neexistuje žádný soubor, který by ho mohl stáhnout. Je to proto, že použití HTML5 Shivu již není nutné. Více o tom brzy ...

Zpět na tento kód na chvíli vidíte, že to používá IE podmíněný komentář k cílovým verzím IE pod 9 (to znamená "lt IE 9 znamená"). Tyto prohlížeče by stáhli tento skript a prvky HTML5 by tyto prohlížeče pochopily, ačkoli byly vytvořeny před tím, než existoval HTML5.

Případně, pokud nechcete odkazovat na tento skript na místě, můžete stáhnout soubor skriptu (klikněte pravým tlačítkem na odkaz a vyberte "Uložit odkaz jako z nabídky") a nahrát jej na server spolu s ostatními zdroje vašeho webu (obrázky, písma atd.). Nevýhodou, že to děláte tímto způsobem, je, že nebudete moci v průběhu času provádět žádné změny v tomto skriptu.

Jakmile přidáte tyto řádky kódu do vaší stránky, můžete stylovat značky HTML 5 podobně jako u jiných moderních prohlížečů kompatibilních s HTML5.

Potřebujete stále HTML5 Shiv?

To je užitečná otázka. Když byl HTML5 poprvé propuštěn, šířka prohlížeče byla velmi odlišná, než je tomu dnes. Podpora pro IE8 a níže byla pro mnohé weby stále důležitá, ale s oznámením "konec života", které Microsoft provedl v dubnu 2016 pro všechny verze IE pod 11, mnoho lidí nyní upgradovalo své prohlížeče a tyto starožitné verze nemusí už se o tebe stará. Přečtěte si analytické údaje svých webových stránek, abyste přesně viděli, jaké prohlížeče lidé používají k návštěvě webu. Pokud nikdo, nebo jen velmi málo lidí, používá IE8 a níže, můžete si být jisti, že můžete používat prvky HTML5 bez problémů a nemusíte podporovat starší prohlížeče.

V některých případech však budou starší prohlížeče IE znepokojeny. To se často děje u organizací, které používají určitý software, který byl vyvinut už dávno a který funguje pouze na staré verzi IE. V těchto případech může IT oddělení této společnosti vynutit použití těchto starých prohlížečů, což znamená, že vaše práce pro tuto společnost musí také podporovat zastaralé instance IE.

Toto je čas, kdy byste se chtěli obrátit na formát HTML5, abyste mohli používat stávající metody a prvky webového návrhu, ale stále získáte plnou podporu prohlížeče, kterou potřebujete.

Upravil Jeremy Girard