首页 > web前端 > css教程 > HTML 中的嵌套链接:允许还是不允许?

HTML 中的嵌套链接:允许还是不允许?

Susan Sarandon
发布: 2024-12-09 03:52:10
原创
899 人浏览过

Nested Links in HTML: Allowed or Not?

嵌套链接:允许还是禁止?

在 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板