HTML 中的嵌套链接：允许还是不允许？

嵌套链接：允许还是禁止？

在 Web 开发中，出现一个常见问题：是否允许在另一个链接中嵌套一个链接?

W3C HTML4立场

根据 W3C HTML4 准则，禁止嵌套链接。 A 元素不能包含任何其他 A 元素。

HTML5 的视角

在 HTML5 中，规则略有演变。虽然仍然不允许嵌套链接，但有一个新的限制：包含锚标记（A 元素）的交互式内容不能放置在 A 元素内。

最佳实践

尽管有这些限制，某些布局可能需要包含多个可点击的可点击区域

替代方法

• 使用CSS：将可点击区域分配给父元素并使用CSS设置适当链接的样式行为。
• 使用 JavaScript： 使用事件用于捕获点击并根据目标元素确定预期操作的处理程序。

示例

考虑给定的代码片段：

<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>

要使整个灰色条可点击，可以将点击事件处理程序分配给父级；元素并使用 jQuery，如下所示：

$('.sp_mngt_bar').click(function(e) {
  if (e.target.className.indexOf('sp_mngt_move') > -1) {
    // Handle move icon click
  } else if (e.target.className.indexOf('sp_mngt_settings') > -1) {
    // Handle settings icon click
  } else {
    // Handle main link click
  }
});

以上是HTML 中的嵌套链接：允许还是不允许？的详细内容。更多信息请关注PHP中文网其他相关文章！