边肖将与你分享如何在html5中使用地图标签。相信大部分人还不太了解，所以分享这篇文章给大家参考。希望你看完这篇文章会有很多收获。我们一起来看看吧！
html5中的map标签用于定义客户端图像映射，即具有可点击区域的图像。语法是“映射名称=‘值’./地图”。图像元素可以参照标签的“名称”属性实现图像映射，因此“名称”属性必不可少。
本教程操作环境：windows10系统，HTML5版本5，戴尔G3电脑。
地图标签用于客户端图像映射。图像映射是指具有可点击区域的图像。
img中的usemap属性可以引用地图中的id或name属性(取决于浏览器)，因此我们应该将id和name属性都添加到地图中。
区域元素始终嵌套在地图元素中。区域元素定义了图像地图中的区域。
语法如下：
映射名称=“值”./地图示例如下：
超文本标记语言
头
metachartset=’ utf-8 ‘
标题123/标题
/head
身体
p点击太阳或其他行星，注意变化：/p
imgsrc=’大行星. gif ‘ width=’ 145 ‘ height=’ 126 ‘ alt=’大行星’ usemap=’#planetmap ‘
mapname=’planetmap ‘
areashape=’rect’coords=’0，0，82，126’alt=’Sun’href=’sun.htm ‘
areashape=’circle’coords=’90，58，3 ‘ alt=’ Mercury ‘ href=’ mercur . htm ‘
areashape=’circle’coords=’124，58，8’alt=’Venus’href=’venus.htm ‘
/地图
/body
/html html输出结果：
当你点击图片时，你会跳转到页面：
以上就是文章“如何在html5中使用地图标签”的全部内容。感谢您的阅读！相信大家都有一定的了解，希望分享的内容对大家有所帮助。想了解更多知识，请关注行业资讯频道！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/150508.html