html map标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。因为中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。

html map标签怎么用?

作用:定义一个客户端图像映射。

说明:图像映射(image-map)指带有可点击区域的一幅图像。

注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。

html map标签 示例

src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg"

border="0" usemap="#planetmap"

alt="Planets" />

shape="circle"

coords="180,139,14"

href ="http://www.php.cn/example/html/venus.html"

target ="_blank"

alt="Venus" />

shape="circle"

coords="129,161,10"

href ="http://www.php.cn/example/html/venus.html"

target ="_blank"

alt="Mercury" />

shape="rect"

coords="0,0,110,260"

href ="http://www.php.cn/example/html/venus.html"

target ="_blank"

alt="Sun" />

注释:img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。

输出:

php map添加元素,html map标签怎么用相关推荐

  1. java map collection_java 集合----Map、Collection

    接口:红色:实现类:黑色字体 一.Collection集合 Collection |_____Set(HashSet) |      |_____SortedSet(TreeSet) |_____Li ...

  2. 【Flutter】Dart 数据类型 Map 类型 ( 创建 Map 集合 | 初始化 Map 集合 | 遍历 Map 集合 )

    文章目录 一. Dart 数据类型 Map 类型 二. Map 类型初始化并赋值 1. 创建 Map 对象同时进行初始化操作 2. 先创建 Map 对象再进行赋值 三. Map 集合遍历 1. 使用 ...

  3. java map 队列_JavaSE-List/Map/Queue

    List-Collection的子接口,可重复集,并且有序,根据下表操作元素 ArrayList (线性数据表) 使用数组实现,查询更快 1.E set(int index, E e) 将给定的元素插 ...

  4. Java集合篇:Map接口、Map接口的实现类、Collections集合工具类

    目录 一.Map接口 1.1 Map接口概述 1.2 Map接口常用功能 二.Map接口的实现类 2.1 Map实现类之一:HashMap 2.1.1 HashMap概述 2.1.2 HashMap的 ...

  5. 图像检索评价指标:mAP@k、mAP的计算

    mAP ,mean Average Precision,平均检索精度.是图像检索领域最最常用的评价指标. 一.mAP@k.mAP 1.1 mAP@k 很多地方喜欢用这张图来解释,确实画的很好了,不过略 ...

  6. mybatis异常:Could not find result map Java.util.Map 问题分析及解决

    使用mybatis时,自己或者同事踩到的坑给大家分享下,有其他问题分享的同学欢迎交流~ 现象:编译未出现异常,调用相关服务时候,出现 Could not find result map Java.ut ...

  7. c语言 map 构造函数,map函数,map函数的作用

    map不是函数,是一个对象 可以Mapmap=newHashMap();创建 Map就是键值对, map.put("1","123"); map.put(&qu ...

  8. C++ 笔记(24)— STL map 类(map实例化、插入、查找、删除)

    1. STL 映射类简介 map 和 multimap 是键-值对容器,支持根据键进行查找,区别在于,后者能够存储重复的键,而前者只能存储唯一的键. 为了实现快速查找, STL map 和 multi ...

  9. java map 教程_Java Map接口

    Java Map接口 在本教程中,我们将学习Java Map接口及其方法. Java collections框架的Map接口提供了Map数据结构的功能. 它实现了Collection接口. map的工 ...

最新文章

  1. 云服务时代,你是否没穿内裤在到处逛啊!
  2. python选课系统_【精选】在Monash读Data Science,人人都拥有这样一份选课指南。
  3. SpringBootAdmin项目创建
  4. 芒果TV崩了?项目组在家办公效率不行呀!
  5. Intellij IDEA搭建vue-cli项目
  6. python编程(virtualenv环境)
  7. 数据库索引键uk_数据库SQLServer
  8. 读论文笔记(1)——web文本挖掘技术研究
  9. Linux下mysql主从同步备份master-slave详细配置
  10. string.format的使用与及转义
  11. freemarker 数组转字符串_freemarker list转json
  12. 手把手教你微信第三方平台开发
  13. 区块链资产证券化调研整理
  14. Qt图形视图框架:QGraphicsView 详解
  15. python plot画柱状图_Python绘制柱状图
  16. 静态资源文件无法加载导致jsp页面渲染不成功问题
  17. Windows10安装Photoshop CC2018(PS)软件时关闭电脑防火墙
  18. Tinyriscv FPGA移植
  19. Win10安装Selenium+Chrome+ChromeDriver(应用代码无需设置路径)
  20. Java LTS版本——Java 11新特性

热门文章

  1. Sublime Text 3包管理及插件主题安装方式
  2. 非常好!!!Linux源代码阅读——环境准备【转】
  3. solr5.5在centos7上的安装
  4. js调试,输出函数调用顺序
  5. puppet安装与配置
  6. 【Socket】linux广播技术
  7. Math.ceil(),Math.floor()与Math.round()三个函数的定义。
  8. 常用DOS命令全面收藏
  9. 关于JavaScript为何要限制跨域访问
  10. 关于因为该列没有包含在聚合函数或 GROUP BY 子句中