在HTML中，img元素通常用于在网页中插入图片。img元素有两个相关的属性：src和srcset。

src属性指定图像的url，它是必需的。浏览器将使用该URL加载图像并将其显示在页面上。

srcset属性允许您指定一系列不同大小或分辨率的图像文件，以便浏览器可以根据设备的像素密度和屏幕大小选择最合适的图像。srcset属性的值是一个逗号分隔的列表，其中每个项目都有一个图像文件的URL，后跟一个空格和一个分辨率描述符。描述符指定图像的分辨率，并告诉浏览器如何选择最合适的图像。通常使用像素密度（如“1x”或“2x”）或图像宽度（如“320w”或“640w”）作为描述符。

在使用srcset属性时，可以选择一个默认的图像文件，将其URL放在img元素的src属性中。如果浏览器不支持srcset属性或无法选择最合适的图像，则将加载默认的图像文件。

总的来说，src属性用于指定图像的URL，而srcset属性用于指定一系列不同大小或分辨率的图像文件，以便浏览器可以选择最合适的图像来适应不同的设备和屏幕大小。

src里的NmOQ是默认值，类型为zoom：

浏览器会根据设备像素比、可用图片资源和设备宽度来自动选择和加载最佳的图片，从而实现高清晰度和响应式图片的效果。

以上就是HTML里img元素的src和srcset属性的区别详解的详细内容，更多关于HTMLimg元素属性区别的资料请关注脚本之家其它相关文章！