Autor Zpráva
Yuhů
Profil
Našel jsem spoustu návodů na rozběhnutí tagu <picture>. Všichni to chválí, také caniuse udává, že <picture> je podporovaný tag v naprosté většině prohlížečů. Máte někdo prosím funkční příklad bez polyfillu, ve kterém by picture zobrazoval obrázek?

Příkladů, kde se ve skutečnosti zobrazuje obsah tagu <img>, který je jako alternativa v případě nepodpory, jsem našel spoustu.
Gappa
Profil
Třeba tady:
googlechrome.github.io/samples/picture-element

<img> tam být musí, klidně bez src atributu. Testováno Chrome/FF/Edge. Akorát Firefoxu a Edge u druhého obrázku nechutná webp formát.

V dokumentaci to je, ačkoliv tam chybí něco jako "mandatory" u img :)
w3c.github.io/html/semantics-embedded-content.html#the-picture-element

Content model: Zero or more source elements, followed by one img element, optionally intermixed with script-supporting elements.
Yuhů
Profil
Děkuji. Ta zásadní informace o povinnosti tagu <img> mi unikla. Zrovna jsem to otestoval a je to skutečně tak.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: