使用area標簽模仿a標簽
阿新 • • 發佈：2017-06-07
lang idt round left cnblogs area標簽 abs pos 不支持
眾所周知，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標簽