<map> - 可点击领域

首页 > HTML标签 > <map>

■ 摘要

项目说明
形式<map name="...">~</map>
支持H3+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素块元素 / area

■ 说明

点击同一幅图像上的不同场所能跳转到不同的链接目标,这种功能叫做可点击领域。可点击领域分为服务器端可点击领域与客户端可点击领域,<map> 标签用来实现客户端可点击领域。

■ 属性

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<img src="map.gif" alt="可点击领域图像"
  usemap="#maptest" border=0 width=243 height=68>
<map name="maptest">
  <area shape=rect
    coords="11,16,63,54" alt="HTML" href="XXX.html">
  <area shape=poly
    coords="73,50,159,50,159,24,73,9" alt="JavaScript" href="YYY.html">
  <area shape=circle
    coords="197,32,28" alt="CGI" href="ZZZ.html">
  <area shape=default
    alt="Other" href="ABC.html">
</map>

■ 相关

<area><img>