使用area标签模仿a标签
Posted Jo
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用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标签不支持嵌套，因此它的作用就来了。
详情请看这篇文章。
以上是关于使用area标签模仿a标签的主要内容，如果未能解决你的问题，请参考以下文章