HTML <map> 标签

2025年3月25日 | 1 分钟阅读

HTML <map> 标签与 <area> 标签一起使用，定义一个客户端图像映射。

图像映射由带有可点击区域的图像组成，您可以点击图像，它将打开新的或提供的目标。

The <map> 标签可以包含一个或多个 <area> 元素，这些元素定义了区域的坐标和类型。

借助 <map> 标签，您可以轻松地将图像的任何部分链接到其他文档，而无需分割图像。

语法

以下是有关 HTML <map> 标签的一些规范：

显示	无
开始标签/结束标签	空标签（仅起始标签）
用途	图像映射

示例

  <!DOCTYPE html>
<html>
 <head>
<title>HTML map tag</title>
<style>
  body{
  margin-left: 250px;}
</style>
  </head>
 <body>
 <h2>Example of HTML Map tag</h2>
<img src="image1.png" usemap="#web">
<map name="web">
<area shape="rect" coords="66,117,131,168" href="html-tutorial">
<area shape="rect" coords="199,36,277,85" href="css-tutorial">
<area shape="rect" coords="330,107,406,159" href="bootstrap-tutorial">
<area shape="rect" coords="199,185,267,236" href="javascript-tutorial">
 </map>
 </body>
</html>

属性

标签特定属性

属性	值	描述
name	mapname	它定义了图像映射的名称。

全局属性

The <map> 标签支持 HTML 中的全局属性。

事件属性

The <map> 标签支持 HTML 中的事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<map>	是的	是的	是的	是的	是的

下一主题HTML mark 标签

HTML <map> 标签

语法

示例

属性

标签特定属性

全局属性

事件属性

支持的浏览器

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

HTML <map> 标签

语法

示例

属性

标签特定属性

全局属性

事件属性

支持的浏览器

相关帖子

HTML script 标签

HTML thead 标签

HTML <head> 标签

HTML noframes 标签

HTML area 标签

HTML <ul> 标签

HTML wbr 标签

HTML footer 标签

HTML s 标签

HTML abbr 标签

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器