快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

html5中map标签的用法是什么

html5中map标签用于定义一个客户端图像映射,也就是一个有可点击区域的图像,语法为“...”,图像元素可以引用该标签的“name”属性来实现图像映射,因此“name”属性是必不可少的。

创新互联公司长期为1000多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为汤旺企业提供专业的成都做网站、成都网站设计,汤旺网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5中map标签的用法是什么

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

中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。

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

语法如下:

...

示例如下:

123

点击太阳或其他行星,注意变化:

Planets Sun Mercury Venus

输出结果:

当点击图片之后,会跳转页面:

推荐教程:《html视频教程》


本文标题:html5中map标签的用法是什么
本文URL:http://6mz.cn/article/cjoeip.html

其他资讯