国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > source 以获得更好的体验。

# HTML 的 <source> 标签

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

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。
  • 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> 则不允许指定该属性。

本文 更新于: 2025-06-19 01:16:43 创建于: 2025-06-19 01:16:43