HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <map> 地图标签

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

图像地图由具有可点击区域的图像组成，您可以在其中单击图像，它将打开到新的或提供的目的地。

<map> 标签可以由多个 <area> 元素组成，这些元素定义了区域的坐标和类型。

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

句法

<map name=" ">

以下是关于 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="https://www.rocschool.com/tutorial/html-tutorial";>  
<area shape="rect" coords="199,36,277,85" href="https://www.rocschool.com/tutorial/css-tutorial";>  
<area shape="rect" coords="330,107,406,159" href="https://www.rocschool.com/tutorial/bootstrap-tutorial";>  
<area shape="rect" coords="199,185,267,236" href="https://www.rocschool.com/tutorial/javascript-tutorial";>  
 </map>  
 </body>  
</html>

属性：

特定于标签的属性：

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

全局属性：

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

事件属性：

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

支持浏览器

元素ChromeIEFirefoxSafariOpera
<map>YesYesYesYesYes


上一主题 HTML <main> 主体部分标签 下一主题 HTML <mark> 高亮显示标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具