【笔记】图像热区链接

前言

图像热区链接是一种特殊的超链接,能实现图片不同区域超链接到不同的链接

图像热区链接

定义一个热区

1
2
3
4
5
6
7
8
<map name="">
<!-- 圆形,有三个参数,分别是圆心横坐标、圆心纵坐标、半径 -->
<area shape="circle" coords="x, y, r" href="">
<!-- 矩形,有两对参数,分别是矩形左上角的横坐标和纵坐标、矩形右下角的横坐标和纵坐标 -->
<area shape="rect" coords="x1, y1, x2, y2" href="">
<!-- 多边行,有n对参数,分别是各个顶点的横坐标和纵坐标 -->
<area shape="poly" coords="x1, y1, x2, y2, x3, y3, ..." href="">
</map>

在图像上指定热区

1
<img usemap="map标签的name值">

完成