HTML < source > srcset 属性，规定媒体文件的 URL。-网站技术-云服务器技术网

首页网站技术正文

HTML < source > srcset 属性，规定媒体文件的 URL。

2022-06-17 539

HTML <source> srcset 属性

HTML <source> 标签

HTML < source > srcset 属性，规定媒体文件的 URL。

实例

在 <picture> 标签中使用 <source> 来设置不同屏幕显示的图片：

<picture>
  <source media="(min-width:650px)" srcset="https://77isp.com/zb_users/upload/2022/06/202206041654313757902638.png">
  <source media="(min-width:465px)" srcset="https://77isp.com/zb_users/upload/2022/06/202206041654313757902638.png">
  <img src="https://77isp.com/zb_users/upload/2022/06/202206041654313757902638.png"  style="width:auto;">
</picture>

定义和用法

srcset 属性用于不同情况下显示的图片 URL。

<source> 应用于 <picture> 标签时需要使用到该属性。

HTML 4.01 与 HTML5之间的差异

<source> 标签是 HTML5 中的新标签。

语法

<source srcset="URL">

属性值

值	描述
URL	规定媒体文件的 URL。
	可能的值：
	绝对 URL - 指向另一个网站（比如 href="https://77isp.com/zb_users/upload/2022/06/202206041654313757902638.png"）
	相对 URL - 指向网站内的一个文件（比如 href="202206041654313757902638.png"）

标签：
html

发表评论：取消回复

原文链接：https://77isp.com/post/1318.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台，请勿相信其他任何渠道。