了解HTML图像及相关标签

img

<img>表示image图像，从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。

【必须属性】

1、src:地址

2、alt:图像替代文本，供探索引擎抓取使用

【可选属性】

1、height:图像高度

2、width:图像宽度

3、ismap:为图像定义为服务器端图像映射

4、longdesc:与alt属性类似，提供多于1024字符的长文本描述

5、usemap:为图像定义客户端图像映射 usemap = “#

<img src="test.jpg" alt="测试图片" width="100" height="100">

6、srcset:指定图片的地址和对应的图片质量。属性格式：图片地址 宽度描述w 多个资源之间用逗号分隔。对于srcset里面出现了一个w单位，可以理解成图片质量。如果可视区域小于这个质量的值，就可以使用，当然，浏览器会自动选择一个最小的可用图片。但是，会发现随着浏览器窗口宽度变大，图片也在不断变大

注意：浏览器会自动匹配最佳显示的图片，如果大图既然缓存了就用大图了，再缩小也不会变成小图了

<