css定义图像地图中的某个区域,
2016-08-13 15:07
211 查看
如<area shape="rect" coords="703,3,750,26" href="#top">
HTML <area> 标签
定义和用法
定义图像地图中的某个区域。
HTML与XHTML之前的差异
在HTML中,<area>没有结束标签。
在XHTML中,<area>必须被正确地关闭。
提示和注释:
此元素永远被嵌套在<map>标签内部。
注释:<img>中的usemap属性可引用<map>中的id或name属性(由浏览器决定),所以我们需要同时向<map>添加id和name两个属性。
必需的属性
DTD指示此属性允许在哪种DTD中使用。S=Strict, T=Transitional, and F=Frameset. 属性 值 描述 DTD
alt text 定义此区域的替换文本 STF
可选的属性
属性 值 描述 DTD
coords 如果shape="rect" 那么 coords="left,top,right,bottom"
如果shape="circ" 那么 coords="centerx,centery,radius"
如果shape="poly" 那么 coords="x1,y1,x2,y2,..,xn,yn"
Specifies the coordinates for the clickable area STF
href URL 定义此区域的目标URL STF
nohref true
false
从图像地图排除某个区域 STF
shape rect
rectangle
circ
circle
poly
polygon
定义区域的形状 STF
target _blank
_parent
_self
_top
在何处打开目标URL.
_blank - 目标URL会在新窗口打开
_self - 当其被点击时,目标URL会在同一框架中打开
_parent - 目标URL会在父框架中打开
_top - 目标URL会在整个的窗口中打开
TF
标准属性
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
如需完整的描述,请访问标准属性。
事件属性
ondblclick, onkeypress, onkeydown, onkeyup, onfocus, onblur
如需完整的描述,请访问事件属性。
创建图像地图
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
我按照他上面的意思:如果shape="rect" 那么 coords="left,top,right,bottom" 就一位是距离她所在位置的左上右下四边的距离,结果试了半天也没搞出来,最后还是给弄明白了,
他所指的这四个距离,比如左右两边,他是以一边为基准的,
---就好比我们有个大区域,而我们要在这个大区域里用到AREA
那么他要表示的左右两边距离是以大区域的左边为基准的,小区域的左边距大区域的左边距离有多少,就表示left,小区域的右边距大区域的左边距离有多少,就表示right,
那么上下呢,就是以大区域的上边为基准,小区域的上边距大区域的上边距离有多少,就表示top,小区域的下边距大区域的上边距离有多少,就表示bottom。
HTML <area> 标签
定义和用法
定义图像地图中的某个区域。
HTML与XHTML之前的差异
在HTML中,<area>没有结束标签。
在XHTML中,<area>必须被正确地关闭。
提示和注释:
此元素永远被嵌套在<map>标签内部。
注释:<img>中的usemap属性可引用<map>中的id或name属性(由浏览器决定),所以我们需要同时向<map>添加id和name两个属性。
必需的属性
DTD指示此属性允许在哪种DTD中使用。S=Strict, T=Transitional, and F=Frameset. 属性 值 描述 DTD
alt text 定义此区域的替换文本 STF
可选的属性
属性 值 描述 DTD
coords 如果shape="rect" 那么 coords="left,top,right,bottom"
如果shape="circ" 那么 coords="centerx,centery,radius"
如果shape="poly" 那么 coords="x1,y1,x2,y2,..,xn,yn"
Specifies the coordinates for the clickable area STF
href URL 定义此区域的目标URL STF
nohref true
false
从图像地图排除某个区域 STF
shape rect
rectangle
circ
circle
poly
polygon
定义区域的形状 STF
target _blank
_parent
_self
_top
在何处打开目标URL.
_blank - 目标URL会在新窗口打开
_self - 当其被点击时,目标URL会在同一框架中打开
_parent - 目标URL会在父框架中打开
_top - 目标URL会在整个的窗口中打开
TF
标准属性
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
如需完整的描述,请访问标准属性。
事件属性
ondblclick, onkeypress, onkeydown, onkeyup, onfocus, onblur
如需完整的描述,请访问事件属性。
创建图像地图
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
我按照他上面的意思:如果shape="rect" 那么 coords="left,top,right,bottom" 就一位是距离她所在位置的左上右下四边的距离,结果试了半天也没搞出来,最后还是给弄明白了,
他所指的这四个距离,比如左右两边,他是以一边为基准的,
---就好比我们有个大区域,而我们要在这个大区域里用到AREA
那么他要表示的左右两边距离是以大区域的左边为基准的,小区域的左边距大区域的左边距离有多少,就表示left,小区域的右边距大区域的左边距离有多少,就表示right,
那么上下呢,就是以大区域的上边为基准,小区域的上边距大区域的上边距离有多少,就表示top,小区域的下边距大区域的上边距离有多少,就表示bottom。
相关文章推荐
- 定义图像映射中的区域(给图片热点区域加链接,常用于地图)
- CSSImageMaps—图像地图
- html area的用法 标签定义图像映射内部的区域
- css-图像地图
- 创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接
- Html+Css_利用img 的usemap属性 和 map 以及 area(list) 对图像敏感区域定位
- 统计函数耗费时间,简单的图像运算,定义感兴趣区域 第二章
- 统计函数耗费时间,简单的图像运算,定义感兴趣区域 第二章
- Javascript 图像地图
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- NYOJ 92 图像有用区域 bfs
- 【OpenCV入门教程之四】 ROI区域图像叠加&初级图像混合 全剖析
- css设置图片某个区域为文字区域(让两个div重合)
- 【CSS布局.3】列表样式定义法
- nyoj 92 图像有用区域
- CSS中定义链接样式的四个伪类
- 使用css直接定义input标签
- CSS中定义优先权
- nyoj 图像有用区域(BFS)
- 【CSS】禁止Google浏览器允许定义调整多行文本框