前端页面a标签嵌套a标签效果的两种解决方案

这是由工作中的一个小改动需求得到的这个解决方案的;那个需求是这样的,如图:

需求原来是球队名字没有点击功能的,而蓝色方框两队之间的比赛点击的时候会跳转到比赛文字直播页面。现在需要要求点击球队名字要跳转到球队资料库页面。

这样就会产生了a标签的嵌套。

但是总所周知a标签是内联元素(inline element),如果嵌套a标签的话浏览器则会解析成:

1 
2 <a href="#outer">outerA
3     <a href="#inner">innerAa>
4 a>
5 
6 
                    

你可能感兴趣的:(前端页面a标签嵌套a标签效果的两种解决方案)