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>