HTML | <img> ismap 属性

简介

<img> 标签用于在网页中插入图片。其中，ismap 是该标签的一个属性，用于指示浏览器将图像作为一个可点击的图像映射处理。

语法

<img src="image.jpg" ismap>

属性值

| 值 | 描述 | | ---------- | ----------------------------------- | | ismap | 该值指示图像将作为可点击的图像映射 | | noismap | 该值指示图像将不作为可点击的图像映射 | | imageMap | 对映像地图的引用 |

示例

<img src="worldmap.gif" alt="World Map" ismap usemap="#example">

<map name="example">
  <area shape="rect" coords="0,0,82,126" href="north.htm" alt="Northern Hemisphere">
  <area shape="circle" coords="90,58,3" href="center.htm" alt="Center">
  <area shape="poly" coords="124,58,146,122,171,122,191,85,214,85,236,122,262,122,282,58,304,58,283,20,262,20,238,58,214,58,194,20,171,20,146,58" href="south.htm" alt="Southern Hemisphere">
</map>

解释

上述示例中，我们插入了一张世界地图的图片，并在该图片上使用了 ismap 属性。然后，我们通过 <map> 元素和 <area> 元素创建了一个图像映射（image map）。在这个图像映射中，我们定义了三个区域（area），并针对这三个区域分别指定了一个 href 属性，用于指示当用户点击该区域时要链接到的 URL。

注意，在上述示例中，我们使用了 usemap 属性将 map 元素与 img 元素关联起来。这个属性的值是一段字符串，用于指示要使用哪个映射。字符串的值以 # 号开头，后面跟着映射元素的 id 属性值。