使用area标签模仿a标签
众所周知,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标签不支持嵌套,因此它的作用就来了。
详情请看这篇文章。