Html5<picture> elements

Html5<picture> elements can be set to more than one picture

<! DOCTYPE html>


<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title></title>
<meta charset= "Utf-8"/>
<script src= "Css/jquery-2.1.4.js" ></script>

<body>
<picture>
<source srcset= "images/html5logo.jpg" media= "max-width:400px"/>//small screen display pictures
<source srcset= "images/html5logo.jpg"/>//large screen display pictures
//pictures that do not support picture elements
</picture>
</body>

srcsetattribute must be defined for the image resource.

mediaThe properties are optional and can be viewed in the CSS @media rules of the media query for details.

For browsers that do not support <picture> elements, you can also define an element to override.

Html5<picture> elements