Demo of <picture> element
Select picture:
The <picture> element is different from the <img> element by the following:
- It has intrinsic display:block model, so behaves as a DIV.
- It does not store image data in runtime cache. Use it when you need to e.g. present sequence of photos - unique images for the document.
- Its 'src' attribute is not mapped on the
foreground-image
CSS attribute but other foreground-*** attributes do apply to the image.