#HTML 的 <source> 标签

HTML <source> 元素为 <picture>、<audio> 和 <video> 元素指定一个或多个媒体资源。它是一个空元素，这意味着它没有内容，也不需要关闭标签。鉴于浏览器对图像文件格式和媒体文件格式的支持不同，该元素通常用于以多种文件格式提供相同的媒体内容，以便与多种浏览器兼容。

#属性

• type: 指定图像的 MIME 媒体类型或其他媒体类型，可选择包含 codecs 参数。
• src: 指定媒体资源的 URL。如果 <source> 的父节点是 <audio> 或 <video>，则必须指定该属性。如果父元素是 <picture> 则不允许指定该属性。
• srcset: 指定由逗号分隔的一个或多个图片 URL 及其描述符的列表。如果 <source> 的父节点是 <picture>，则必须指定该属性。如果父节点为 <audio> 或 <video> 则不允许指定该属性。
  • 指定图像位置的 URL。
  • "w" 可选的宽度描述符——直接以 结尾的正整数，如 300w。
  • "x" 可选的像素密度描述符——直接以 结尾的正浮点数，如 2x。
• sizes: 指定描述图片最终呈现宽度的源尺寸列表。如果 <source> 的父节点是 <picture>，则允许指定该属性。如果父元素是 <audio> 或 <video> 则不允许指定该属性。
• media: 为资源的预期媒体指定媒体查询。
• height: 以像素为单位指定图片的固有高度。如果 <source> 的父元素是 <picture>，则允许指定该属性。如果父元素是 <audio> 或 <video> 则不允许指定该属性。
• width: 以像素为单位指定图片的固有宽度。如果 <source> 的父元素是 <picture>，则允许指定该属性。如果父元素是 <audio> 或 <video> 则不允许指定该属性。