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