温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML中的<map>标签怎么用

发布时间:2022-03-10 14:56:02 来源:亿速云 阅读:183 作者:小新 栏目:web开发

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

    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>标签怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI