码迷,mamicode.com
首页 > 其他好文 > 详细

使用area标签模仿a标签

时间:2017-06-06 23:28:42      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:href   target   text   utf-8   meta   rdp   document   title   嵌套   

众所周知,map标签可以给img图像标记热点区域,而area标签就是跟map标签一起使用的。

但area标签的作用可不止用来标记热点,因为它也有href属性,因此某些场景可以代替a标签进行页面跳转。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        area{position: absolute;left: 0;width: 80px;height: 20px;}
    </style>
</head>
<body>
    <p>
        <area shape="rect" coords="0,0,30,10" href="">点击这里
    </p>
</body>
</html>

什么样的场景会需要这个?

a标签不支持嵌套,因此它的作用就来了。

 

详情请看这篇文章

使用area标签模仿a标签

标签:href   target   text   utf-8   meta   rdp   document   title   嵌套   

原文地址:http://www.cnblogs.com/11lang/p/6953754.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!