html area图片热点的使用介绍附相关属性一览表

2019-01-15 12:31:34王振洲

在制作本文介绍的效果时应注意的几点:

1、在<img>标记不要忘记设置usemap、ismap参数,且usemap的参数值必须与<map>标记中的name参数值相同,也就是说,“图像地图名称”要一致;

2、同一“图像地图”中的所有热点区域都要在图像地图的范围内,即所有<area>标记均要在<map>与</map>之间;

3、在<area>标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套,避免出现在shape参数设置的矩形作用区域,而在cords 中设置的却是多边形区域顶点坐标的现象出现。

HTML和XHTML之间的差异

在HTML中,<area>元素不需要结束标签。

但XHTML中,<area>元素必须正确关闭。

必选属性

DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。

属性 描述 DTD
alt 文本 为一个区域指定备选文本 STF

可选属性

属性 描述 DTD
coords 坐标 指定一个区域的坐标 STF
href URL 指定一个区域的链接目标 STF
nohref nohref 指出区域内没有相应的链接 STF
shape default
rect
circle
poly
指定区域的形状 STF
target _blank
_parent
_self
_top
指出在何处打开新页面 TF

核心属性

<area>标签支持以下核心属性: