HTML img标签的width height ismap usemap title alt 属性

前言

img 元素向网页中嵌入一幅图像

今天特地对 img 的几个属性做了一下测试，在这里做一个笔记。

1. `img` 元素的`width`属性和`height`属性。

（1）不设置 width 和和 height 时，图片在浏览器中显示大小等于原图。
（2）只设置 width 或 height 时，图片会通过按比例缩放来决定没有设置的 width 或 height 的值。
（3）同时设置 width 和 height 时，图片会缩放到刚好等于设置的宽度和高度，图片中的内容会完整显示，图片可能变形（没有按比例缩放的时候）。

2. `img` 元素的`title`属性和`alt`属性

（1）图片正常显示的时候，鼠标停留在图片上可以看到 title 的内容。
（2）图片没有显示出来的时候，alt 的内容会显示在本来应该显示图片的位置,鼠标停留在图片上可以看到 title 的内容。

3. `img` 元素的`ismap`属性

（1）设置了 ismap 属性之后，当用户在 ismap 图像上单击时，浏览器会自动把鼠标的 x、y 位置（相对于图像的左上角）发送到服务器端。
（2）只有当元素属于带有有效 href 属性的元素的后代元素时，才允许 ismap 属性。
（3）ismap 属性将图像定义为【服务器端图像映射】。【图像映射】指的是带有可点击区域的图像。

我理解的【服务端映射】：获取坐标，将坐标交给服务器处理。