in HTML 5.1 there is a new element
<picture>
(already supported by Chrome 38 and maybe others).<picture>
is not defined as a replacement for img, it is a superset.As modern browsers ignore tags they dont understand it can be used side-by-side:
Code: Select all
<picture>
<source media="(min-width: 45em)" srcset="large.jpg">
<source media="(min-width: 32em)" srcset="med.jpg">
<img src="small.jpg" alt="The president giving an award.">
</picture>
Best regards
Holger