Html 无法单击定位标记内的图像

我有以下html：

<a href="javascript:<%# 'js code' %>" class="MyClass">
<div class="HeaderRow" style="vertical-align:middle;text-align:left;height:35px;width:998px;">
<b style="vertical-align:middle;"><%# ((MyObject)Container.DataItem).Name %></b>: <%# ((MyObject)Container.DataItem).ImageSrc%>
</div>
<p style="margin-left:10px;"><%# ((MyObject)Container.DataItem).Notes%></p>
</a>

---

它渲染得很好。但是，当我尝试单击（（MyObject）Container.DataItem）.ImageSrc提供的图像时，什么也没有发生。如果我单击页面中的任何其他位置，链接都可以正常工作。这里发生了什么？

为什么不让图像或div可点击

<div class="HeaderRow" 
     style="vertical-align:middle;text-align:left;height:35px;width:998px;" 
     onclick="<%# 'js code' %>">
    <p style="vertical-align:middle;">
        <strong><%# ((MyObject)Container.DataItem).Name %>:</strong>
        <%# ((MyObject)Container.DataItem).ImageSrc%>
    </p>
</div>
<p style="margin-left:10px;">
    <%# ((MyObject)Container.DataItem).Notes%>
</p>

：

---

制作html时尽量避免使用非语义元素（

span

，

div

，

b

，

i

，

闪烁

）。

我很好奇，“非语义元素”有什么问题？谢谢当你想让页面看起来不一样时（你只需更改css），它给你带来了好处，给有访问性问题的人带来了好处，因为他们可以覆盖你的css，给搜索引擎带来了好处，因为他们可以更好地索引你的站点。