W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>picture 元素</h2> <picture> <source srcset="/i/pic/panda.png"> <source srcset="/i/photo/girl.jpg"> <img src="/i/pic/flower.gif" alt="花朵" style="width:auto;"> </picture> <p>当某些设备不支持特定图像格式时，可以使用 picture 元素。</p> <p>设备将使用它支持的第一种图像格式，并忽略其余图像。</p> </body> </html>