嵌套链接:允许还是禁止?
在 Web 开发中,出现一个常见问题:是否允许在另一个链接中嵌套一个链接?
W3C HTML4立场
根据 W3C HTML4 准则,禁止嵌套链接。 A 元素不能包含任何其他 A 元素。
HTML5 的视角
在 HTML5 中,规则略有演变。虽然仍然不允许嵌套链接,但有一个新的限制:包含锚标记(A 元素)的交互式内容不能放置在 A 元素内。
最佳实践
尽管有这些限制,某些布局可能需要包含多个可点击的可点击区域
替代方法
示例
考虑给定的代码片段:
<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中文网其他相关文章!