HTML <picture> tag
HTML <picture> tag is used in responsive web designing where we need to load the different images based on their viewport, height, width, orientation, and pixel density.
The <picture> tag contains one or more <source> elements and one <img> elements.
According to the viewport, the matching image will be loaded from different <source> tag, and if no source contains the matching image, then the default image present in <img> tag will be displayed on the browser.
This tag is a new tag in HTML5.
Following are some specifications about the HTML <picture> tag
ExampleTest it Now
HTML <picture> tag supports the global attributes in HTML.