a标签嵌套问题

AmsChan ... 2021-04-01 HTML
  • HTML
小于 1 分钟

# 问题描述

在魔改hexo主题的时候,有这么一个需求:在首页点击文章的大盒子时,通过a标签跳转到文章内容页面,点击盒子里面的“阅读全文”也可以跳转到文章。

于是按照正常逻辑修改----在大盒子外面套一个a标签。 但是事与愿违,生成的时候并没有预期效果,如下: a标签被独立出来了,并没有把内容嵌套,经查阅资料,a标签内不能再嵌套a标签

下图红框两处是已经有a标签了,故在外层套a标签不能达到预期效果

# 解决方法

  1. 舍弃内部a标签跳转(不能达到预期效果)

  2. 利用H5-article标签的属性添加跳转链接即可

<article onclick="location.href='#'"> </article>
1