美文网首页
实现链接嵌套

实现链接嵌套

作者: 饥人谷_風逝 | 来源:发表于2017-05-31 09:58 被阅读0次

<area>原本作用

<area>通常被用于图片不规则的点击热点。
因为<area>除了outline以外,不能设置css样式。所以图片的规则图形热点往往用div或a标签来代替。

<area>的特殊作用

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

摘自HTML <area><map>标签及在实际开发中的应用

相关文章

网友评论

      本文标题:实现链接嵌套

      本文链接:https://www.haomeiwen.com/subject/samdfxtx.html