Linux E X P R E S

Facebook

Nový HTML element by měl zrychlit web

Internet

Vývojové verze prohlížečů Firefox a Chrome/Chromium obsahují podporu nového HTML elementu „picture“, který bude moderní, responzivní náhradou starodávného elementu „img“.


S rozmachem mobilních zařízení s malými displeji vyvstala potřeba přizpůsobovat zobrazení webových stránek velikosti a rozlišení displeje. Hovoří se tu o „responzivním designu“, který je ale za současných podmínek poměrně tvrdým oříškem, protože se objevují protichůdné požadavky. Prohlížeče na jedné straně straně urychlují načítání tím, že posílají požadavky na obrázky ještě před načtením celé stránky, tím se ale současně komplikuje přizpůsobování velikosti obrázků displeji a přenese se tak zbytečně mnoho dat, což je na pomalejším mobilním připojení dost nepříjemné.

Proto byl vytvořen úplně nový HTML element <picture>, který bude náhradou starého, hojně využívaného elementu <img>. Nový element sám o sobě neobsahuje informace o obrázku, jen zapouzdřuje specifické elementy – k nim patří jak dosavadní <img>, tak hlavně <source>, v jehož atributech se nachází sada obrázkových souborů, sada velikostí a filtr média (určuje, který element se použije).

Prohlížeč si tak může rychle vybrat, který obrázek načte, nepřenášejí se tak zbytečně objemné soubory a současně není třeba načtení obrázků odkládat až na okamžik, kdy se načte nějaká javascriptová detekce parametrů přístroje. Podpora pro element <picture> je obsažena ve vývojových verzích prohlížečů Firefox 34 a Chrome/Chromium, je ji však třeba explicitně zapnout.

Prohlížeč Mozilla Firefox 34 přinese také přepínání motivů v rámci okna Přizpůsobení, možnost ukončení nedokončeného spuštění a v mobilní verzi novou stránku o nemožnosti připojení v režimu off-line.

Diskuze (0) Nahoru