1. 首页
  2. 问题
  3. 是否允许在链接内嵌套链接？
小编典典

是否允许在链接内嵌套链接？

css

这看起来很基础，是否允许您将链接放在链接内？

我试图使整个灰色条都可单击以到达某个地方，但是如果用户单击滚轮或移动箭头，则它们是其他链接。查看我当前的代码：

<a href="#" class="sp_mngt_bar">
    <h1><?php echo $v; ?></h1>
    <a href="#" class="t_icons t_icons_settings sp_mngt_settings"></a>
    <a href="#" class="t_icons t_icons_move sp_mngt_move"></a>
</a>

这是一个好习惯吗？我做错了吗？你会怎么做？谢谢您的帮助！


阅读 488

收藏
2020-05-16

共2个答案

小编典典

直接来自W3C for HTML4：

12.2.2嵌套链接是非法的由A元素定义的链接和锚点不得嵌套；A元素不得包含任何其他A元素。

由于DTD将LINK元素定义为空，因此LINK元素也不能嵌套。

2020-05-16
小编典典

简单回答这个问题：不。

话虽如此，这是一个纯html / css解决方法：

.block {
  position:relative;
}

.block .overlay {
  position:absolute;
  left:0; top:0; bottom:0; right:0;
}

.block .inner {
  position:relative;
  pointer-events: none;
  z-index: 1;
}

.block .inner a {
  pointer-events: all;
}

<div class="block">
  <a class="overlay" href="#overlay-link"></a>
  <div class="inner">
    This entire box is a hyperlink. (Kind of)<br><br><br><br>
    <a href="#inner-link">I'm a W3C compliant hyperlink inside that box</a>
  </div>
2020-05-21