创建图像映射

最新推荐文章于 2021-05-30 20:44:04 发布

VIP文章灵熙兔

最新推荐文章于 2021-05-30 20:44:04 发布

阅读量1.1k

点赞数

分类专栏：【HTML.CSS】文章标签：图片 HTML 网页图像映射

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_25178609/article/details/50980990

版权

图像映射即一个图片的不同区域对应不同链接。

图像映射分为：
(1)服务器端图像映射：将点击的坐标发送给服务器，由服务器的脚本来决定。
(2)客户端图像映射：根据点击位置不同确定链接目的。

通过<img/>后添加<map>和<area>和设置。
<map>元素表明映射的开始
<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。
<map>元素只有一个name属性.
下面介绍area元素的属性：
(1)shape：必须的属性，用于描述区域的形状，rectangle\poly\circle\default可选,default指的是还没有被定义的区域。
(2)coords：指定区域的坐标。比如矩形有4个坐标，前两个是左上角的x,y坐标，后两个是右下角的x,y坐标。
(3)href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref=”nohref”
(4)target：和<a>一样。

注意点：
(1)在<img>中设置usemap属性。
(2)在<map>中设置name属性。

<html>  
    <head><title>

最低0.47元/天解锁文章

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
创建图像映射

图像映射即一个图片的不同区域对应不同链接。图像映射分为： (1)服务器端图像映射：将点击的坐标发送给服务器，由服务器的脚本来决定。 (2)客户端图像映射：根据点击位置不同确定链接目的。通过<img/>后添加<map>和<area>和设置。 <map>元素表明映射的开始 <area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。 <map>元素只有一个name属性. 下面
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。