<area>原本作用
<area>通常被用于图片不规则的点击热点。
因为<area>除了outline以外,不能设置css样式。所以图片的规则图形热点往往用div或a标签来代替。
<area>的特殊作用
但是a标签不支持链接嵌套(嵌套后的a标签会被当做数个兄弟元素)。这时,<area>就用了特殊的用武之地。
嵌套中,如果子元素是图片,直接使用<map><area></area></map>
进行链接设置,更方面都很好。
如果子元素是文字,可以使用裸<area>标签配合CSS来实现。但是这个方法有个不足,无法tab到热点区域。如果对兼容、和无障碍访问要求较高,可以在文字上覆盖一张透明图片,按图片的方法进行处理。