图像标签

图像标签<img>是HTML中用于在网页中嵌入图像的关键标签。作为一个自闭合标签，<img>通过一系列属性来定义图像的源、替代文本、大小和其他设置。

<img
  src='图片的URL'
  alt='加载失败时的提示信息'
  title='图片提示文本'
  width='宽度'
  height='高度'
/>

标签属性详解

属性	说明
src	src 属性定义图像的路径，是 <img> 标签的必需属性。路径可以是相对路径或绝对路径。
alt	alt 属性定义图像的替代文本，用于图片加载失败或用户使用屏幕阅读器时提供文本信息。
width和height	width 和 height 属性定义图像的宽度和高度，值应为数字，不带单位。
title	title 属性为图像添加额外信息，当用户将鼠标悬浮在图像上时显示。
srcset 和 sizes	srcset 和 sizes 属性用于实现响应式图像，根据屏幕大小加载不同分辨率的图像，优化页面加载速度和用户体验。
loading	loading属性设置图像的加载方式，可以是 lazy（懒加载）或 eager（立即加载）。 lazy：可以延迟非视口（viewport）范围内图像的加载，减少初次页面加载的资源消耗。