html5中地图上标签怎么用

小编给大家分享一下html5中地图上标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

html5中地图上标签用于定义一个客户端图像映射,也就是一个有可点击区域的图像,语法为“& lt;地图名称=皏alue"祝辞…& lt;/map>”,图像元素可以引用该标签的“名称”属性来实现图像映射,因此“name”属性是必不可少的。

本教程操作环境:windows10系统,html5版,戴尔G3电脑。

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

& lt; img>中的usemap属性可引用& lt; map>中的id或名称属性(取决于浏览器),所以我们应同时向& lt; map>添加id和名称属性。

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

语法如下:

& lt; map  name=皏alue"在……& lt;/map>

示例如下:

& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; title> 123 & lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt; p>点击太阳或其他行星,注意变化:& lt;/p> 　　& lt; img  src=https://www.yisu.com/zixun/皃lanets.gif”宽度==" 126 " alt=" 145 "高度“行星”usemap=" # planetmap "> 　　<地图名称=" planetmap "> 　　<区域形状=熬匦巍弊?" 0 0 82126 " alt="太阳" href=" sun.htm "> 　　<区域形状="圆"坐标=" 90年,58岁的3”alt=八恰県ref=" mercur.htm "> 　　<区域形状="圆"坐标=" 124年,58岁的8 " alt=敖鹦恰県ref=" venus.htm "> 　　地图 　　 　　

输出结果:

以上是“html5中地图标签怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

html5中地图上标签怎么用