实例
带有可点击区域的图像映射：
<img src="planets.jpg" border="0" ="marked">usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>
浏览器支持
所有主流浏览器都支持 <map> 标签。
定义和用法
定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
HTML 与 XHTML 之间的差异
NONE
提示和注释：
注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释：<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。
必需的属性
| 属性 | 值 | 描述 |
|---|---|---|
| id | unique_name | 为 map 标签定义唯一的名称。 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| name | mapname | 为 image-map 规定的名称。 |
1、本站所有资源来源于用户上传和网络，版权争议与本站无关，版权归原创者所有，如有侵权请邮件联系我们！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得使用于非法商业用途，商用请购买正版，不得违反国家法律。否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得使用于非法商业用途，商用请购买正版，不得违反国家法律。否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7、不保证所有资源都完整可用，不排除存在加密、BUG、需要授权或者残缺的可能，由于资源的特殊性，下载后一律不予退货！
8、本文来自炫客网搜集整理，如有侵权请联系管理员删除，转载请注明出处：https://www.xuankewang.com/3310.html 赞 (0)
打赏
微信扫一扫
支付宝扫一扫
微信扫一扫
支付宝扫一扫
HTML <main> 标签
上一篇
2022-03-02 07:09
HTML <mark> 标签
下一篇
2022-03-02 07:13
猜你喜欢
-
HTML <datalist> 标签
实例 下面是一个 input 元素，datalist 中描述了其可能的值： <input id=”myCar” list=”cars” /> <datalist …
-
HTML <input> 标签
实例 一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮： <form action=”form_action.asp” method=”get”> Firs…
-
HTML <acronym> 标签
实例 标记一个首字母缩写： <acronym title=”World Wide Web”>WWW</acronym> 浏览器支持 所有主流的浏览器均支持 …
