Demo of <picture> element

Select picture:

The <picture> element is different from the <img> element by the following:

  1. It has intrinsic display:block model, so behaves as a DIV.
  2. 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.
  3. Its 'src' attribute is not mapped on the foreground-image CSS attribute but other foreground-*** attributes do apply to the image.