Html 如何使子div在父a标记href上不重定向？

是否可以使带有

未链接的
id的div不将浏览器重定向到父href？我这样做有一个很好的理由，但我已经删除了它的长代码，并在这里将其压缩为以下基本示例：

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



谢谢
 您可以使用一点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
是一个块级元素，不应放在内嵌元素（the
）中。
jQuery（function（）{jQuery（'#NOT_linked'）。单击（function（e）{e.preventDefault（）}}）；看，别这样！做你正在做的事情没有什么好的理由。相反，将
#not_linked
div从
元素中取出，并将其放置在
上方。泰米尔语回答了问题。你能把它作为回答而不是评论吗？