HTML中的<map>标签怎么用

这篇文章给大家分享的是有关HTML中的<map>标签怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联公司专注骨干网络服务器租用10年，服务更有保障！服务器租用，南充服务器托管 成都服务器租用，成都服务器托管，骨干网络带宽，享受低延迟，高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。

    HTML<map>标签

    实例

    带有可点击区域的图像映射：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">

  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">

  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">

  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">

</map>

    浏览器支持

    目前大多数浏览器支持<map>标签。

    标签定义及使用说明

    <map>标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。

    <img>中的usemap属性可引用<map>中的id或name属性（取决于浏览器），所以我们应同时向<map>添加id和name属性。

    area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。

    HTML4.01与HTML5之间的差异

    注意:在HTML5中,如果id属性在<map>标签中指定,则你必须同样指定name属性。

    HTML与XHTML之间的差异

    在XHTML中，name属性已经废弃，使用id属性替换它。

    全局属性

    <map>标签支持全局属性，查看完整属性表HTML全局属性。

    事件属性

    <map>标签支持所有HTML事件属性。

感谢各位的阅读！关于“HTML中的<map>标签怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享题目：HTML中的<map>标签怎么用
文章来源：https://www.cdcxhl.com/article16/pgiigg.html

成都网站建设公司_创新互联，为您提供、标签优化、网站制作、企业网站制作、网站设计公司、品牌网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联