html - 如何使子 div 不重定向到父标签 href？

Question

是否可以使具有not_linkedid 的 div 不将浏览器重定向到父 href？我这样做是有充分理由的，但我已经删除了它的长代码，并将其压缩为这个基本示例：

<a href='google.com'>
  <div>Part 1</div>
  <div id='not_linked'>Middle</div>
  <div>Part 3</div>
</a>

谢谢！

Answer 1

您可能可以使用一些 javascript 来分析实际的点击目标并查看实际点击了哪些文本。如果是中间，则中止链接。但是，当您可以简单地做的时候，为什么还要麻烦呢？

<a href="http://google.com"><div>Part 1</div></a>
<div>Middle</div>
<a href="http://google.com"><div>Part 3</div></a>

另请注意，这是无效的 html。div是块级元素，不应放置在行内元素 ( <a>) 内。