img标签有哪些属性，分别有什么作用

Img 标签是用于在网页上显示图像的 HTML 元素，它有一些属性可以用来控制图像的显示和行为。以下是一些常见的 <img> 标签属性及其作用：

1. src（source）：这是最重要的属性，用于指定图像文件的路径。它告诉浏览器在哪里找到图像文件以显示在网页上。例如：<img src="image.jpg">

2. alt（alternative text）：这个属性用于提供图像的替代文本，通常在图像无法加载或者用户使用辅助技术（如屏幕阅读器）时显示。它有助于让页面更具可访问性，并且在图像加载失败时提供了一种替代方式。例如：<img src="image.jpg" alt="一个美丽的风景">

3. width 和 height：这些属性用于指定图像的宽度和高度，以像素为单位。它们可以用来控制图像在页面上的尺寸，但应谨慎使用以确保不变形图像。例如：<img src="image.jpg" width="300" height="200">

4. title：这个属性用于提供有关图像的额外信息，通常在鼠标悬停在图像上时显示为工具提示。例如：<img src="image.jpg" alt="一个美丽的风景" title="这是一个美丽的自然风景">

5. loading：这个属性用于指定图像的加载行为。可以设置为 "lazy"（延迟加载，只有在图像可见时才加载）、"eager"（立即加载）或者 "auto"（浏览器自动选择加载方式）。例如：<img src="image.jpg" loading="lazy">

6. decoding：这个属性用于指定图像的解码方式。可以设置为 "sync"（同步解码，立即解码）或 "async"（异步解码，延迟解码）。异步解码可以提高页面加载性能。例如：<img src="image.jpg" decoding="async">

7. sizes：这个属性用于指定图像在不同屏幕尺寸下的显示尺寸，以帮助浏览器选择适当的图像源。例如：<img srcset="small.jpg 320w, medium.jpg 640w, large.jpg 1024w" sizes="(max-width: 640px) 100vw, 50vw">

8. srcset：这个属性用于提供多个不同分辨率或大小的图像源，以便根据设备屏幕的特性选择合适的图像。例如：<img srcset="image-1x.jpg 1x, image-2x.jpg 2x, image-3x.jpg 3x">

9. usemap：这个属性用于关联图像与客户端图像映射（client-side image maps）。客户端图像映射允许你在图像上定义可点击的区域，并将这些区域链接到不同的URL。usemap 属性的值是与 <map> 元素相关联的名称，以指定使用哪个映射。例如：<img src="image.jpg" usemap="#myMap">

10. ismap：这个布尔属性用于指示图像是否是一个服务器图像映射的一部分。如果设置为 ismap，则图像会作为图像映射的一部分，点击图像的特定区域会触发链接。例如：<img src="image.jpg" ismap>

11. crossorigin：这个属性用于指定图像的跨域策略。它可以设置为 "anonymous"（允许匿名访问）或 "use-credentials"（使用凭证进行访问），以决定图像是否可以跨域加载。例如：<img src="image.jpg" crossorigin="anonymous">