父a标签套用子a标签自动闭合生成多余子a标签的坑

352 阅读1分钟

作者是在一级导航内写了一个二级导航

父子导航都用了a标签,而且是嵌套关系

别问我为什么这样用,下次再也不敢了。。

查阅了下发现html规则就不予许a标签相互嵌套,同样的还有p标签,谨慎 那么具体来说说怎么解决问题吧

  • 把a换用其他标签,具体跳转用js控制,这样简单容易,但是不利于页面的语义化seo优化
  • 使用object标签进行嵌套,这样就能避开浏览器解析多出些节点的问题
  • 将外层a标签改为行内块级元素,通过定位选中正确元素(比较麻烦不推荐)