扣丁学堂HTML5培训详解html area标签

2019-03-18 14:37:17 1336浏览

area元素对从事HTML5开发的人来说是不陌生的，area 元素总是嵌套在<map>标签中，本篇文章扣丁学堂HTML5培训小编就和大家详细分享一下html area标签，感兴趣的小伙伴就一起来学习一下吧。

注：<img> 标签中的 usemap 属性与 <map> 元素 name 属性相关联，创建图像与映射之间的联系。<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性（由浏览器决定），所以我们需要同时向 <map> 添加 id 和 name 两个属性。

属性值：

href : 点击区域跳转的链接。alt : 图片无法正常显示时提示的信息。

shape & coords:

1、距形：(左上角顶点坐标为(x1,y1)，右下角顶点坐标为(x2,y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

2、圆形：(圆心坐标为(X1,y1)，半径为r)

<area shape="circle" coords="x1,y1,r" href=url>

3、多边形：(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)

　<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

以上就是扣丁学堂HTML5在线学习小编给大家分享的html area标签详解的简单内容，希望对小伙伴们有所帮助，想要了解更多内容的小伙伴可以登录扣丁学堂官网咨询。想要学好HTML5开发小编给大家推荐口碑良好的扣丁学堂，扣丁学堂有专业老师制定的HTML5学习路线图辅助学员学习，此外还有与时俱进的HTML5视频教程供大家学习，扣丁学堂H5技术交流群：673883249。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>