<area> - 图像映射的可点击领域

首页 > HTML标签 > <area>

■ 摘要

项目说明
形式<area shape="..." coords="..." href="..." alt="...">
支持H3+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:无

■ 说明

<area> 是与 <map> 组合使用的。详细内容请参考 <map>

■ 属性

【重要属性】
属性意义
shape=shapeH3+/e2+/N2+。指定可点击领域的形状。
  rect:矩形(H3/e2/N2)
  rectangle:矩形(e2/N6)
  poly:多边形(H3/e2/N2)
  polygon:多边形(e2)
  circ:圆形(e2/N6)
  circle:圆形(H3/e2/N2)
  default:剩余的其他地方(N2)
coords=coordsH3+/e2+/N2+。指定链接领域的坐标。shape 是 rect 的时候,左上,右下的坐标用 "x1,y1,x2,y2" 的形式指定。shape 是 poly 的时候,坐标形式为 "x1,y1,x2,y2,x3,y3"。shape 是 circle 的时候,圆心和半径用 "x,y,r" 的形式指定。
href=urlH3+/e2+/N2+。指定领域被点击时的链接目标。
nohrefH3-H4/e2+/N2+。设定此领域被点击时不跳转到任何链接。
alt=altH3+/e2+/N6+。指定图像的说明文本。HTML4.01 里为必须属性。

【特性】
属性意义
hreflang=hreflangH4+。指定链接目标的语言种类。
media=mediaH4+。指定链接目标的媒体类型。
rel=relH5+/e2+。指定当前文档与链接目标的关系。rel 的值可设为 next, previous, parent 等。
rev=reve2+。指定链接目标与当前文档的关系。rev 的值可设为 next, previous, parent 等。
name=namee2+/N2+。指定名字。
target=targetH4T/H5+/e3+/N2+。指定打开链接的方法。
type=typeH5+。指定类型。

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

■ 举例

请参考<map>