html文件 map,HTML中map是什么?

map是HTML中的一个标签;map标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。因为img中的usemap属性可引用map中的id或name属性(取决于浏览器),所以应同时向map添加id和name属性。

0d4842e41e43295d4f9550035d7cb2dc.png

定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。

注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。

必需的属性id=unique_name:为 map 标签定义唯一的名称。

可选的属性name=mapname:为 image-map 规定的名称。

示例:

点击太阳或其他行星,注意变化:

fc5a8734172aa8c71dc34ba67c85fc0e.gif

alt="Planets" usemap="#planetmap">

href="https://public.xp.cn/down/course_demo/html/area_tabs/sun.htm">

href="https://public.xp.cn/down/course_demo/html/area_tabs/mercur.htm">

href="https://public.xp.cn/down/course_demo/html/area_tabs/venus.htm">

效果图:

77fb76e055b9c49d492d01cb627fa04b.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值