html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

map标签的参数详细介绍及使用示例_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:map标签定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像,下面为大家介绍下map标签的使用,感兴趣的朋友可以了解下
map标签必须成对出现,即 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
<map> ....</map> uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
同时map必须和area配合使用。 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
img标签里的usermap属性值必须与map标签里的id和name值完全一致 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
area标签:定义图片的点击区域 area 是单标签,不成对。 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
属性: uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
accesskey 快捷键 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
alt 图片提示文字 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
coords 定义和点击区域的图形的坐标 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
href 链接地址 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
nohref 图像点击可排除的区域,当不是有href时,需要使用nohref uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
shape 可点击区域的形状 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
tabindex tab键遍历 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
target 链接目标 uTwHTML5中文学习网 - HTML5先行者学习网
uTwHTML5中文学习网 - HTML5先行者学习网
代码实例: uTwHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
uTwHTML5中文学习网 - HTML5先行者学习网
<img src="images/logo.gif" usermap="#map"/> uTwHTML5中文学习网 - HTML5先行者学习网
<map id="map" name="map"> uTwHTML5中文学习网 - HTML5先行者学习网
<area shape="rect" coords="a,b,c,d" target="_blank" href=""/> uTwHTML5中文学习网 - HTML5先行者学习网
<!-- a,b,c,d分别是矩形的左上角和右下角的坐标值 !> uTwHTML5中文学习网 - HTML5先行者学习网
<area shape="circle" coords="a,b" target="_blank" href="" /> uTwHTML5中文学习网 - HTML5先行者学习网
<!-- a,b分别是圆形的圆心的坐标值 !> uTwHTML5中文学习网 - HTML5先行者学习网
<area shape="poly" coords="a,b..." target="_blank" href="" /> uTwHTML5中文学习网 - HTML5先行者学习网
<!-- a,b分别是多边形的各个定点的坐标值 !> uTwHTML5中文学习网 - HTML5先行者学习网
</map> uTwHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助