area

一、带有可点击区域的图像映射

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

二、所有主流浏览器都支持


三、定义和用法

<area>标签定义图像映射中的区域(图像映射是指带有可点击区域的图像)

area元素总是嵌套在<map>标签中

<img>标签中的usemap属性与map元素name属性相关联,创建图像与映射的联系。


四、与HTML与XHTML的差别

在HTML中,<area>没有结束标签

在XHTML中,<area>必须正确的关闭


五、提示和注释

<img>中的usemap属性可引用<map>中的id或name属性(由浏览器决定),所以我们需要同时向<map>添加这两种属性。


六、必须属性

alt  text  定义此区域的替换文本(当浏览器无法显示该区域时显示的文本)


七、可选属性

coords  坐标值   定义可点击区域(对鼠标敏感的区域)的坐标值

href  URL  定义此区域的目标URL

nohref  nohref   从图像映射排除某个区域

shape  default/rect/circ/poly  定义区域的形状

target  _blank/_parent/_self/_top  规定在何处打开href属性指定的目标URL

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值