chrome下a标签嵌套img 显示会多个小箭头?

Question

1.页面显示

2.jsp页面

3.页面元素

4.浏览器版本是

5.去掉img标签小箭头消失

Answer 1

我竟然有一种感觉好像是文件编码与HTML字符编码不符合！，或许可以尝试非正常化试一下。先将HTML内容复制到记事本，然后删除整个jsp文件，最后重新将内容复制回来。

Answer 2

把div的class删除掉看看还有没有<div><img...

怀疑是不是有JS针对这个className做了处理。

---

去掉<img的闭合标签里的斜杠试试。 <img src..... >

Answer 3

我觉得你应该把现象写出来，不然不知道你说的到底是哪里多了一个小箭头

Answer 4

我表示没看出来 我感觉你页面元素检查的不是和 .jsp 页面同一个
你的页面上有一个返回图片和一个“返回”文字 你代码里没有写“返回”只写了 img 啊？
你将你的 .jsp 代码改成这样试试？或者你有没有写其他脚本动态设置的文本？

<div class="back">
  <a href="${ctx}/user/loginView.html">
    <img src="${ctx}/src/common/images/reg_back.png">
    返回？
  </a>
</div>

Answer 5

你的“返回”写哪里了？ 没看到啊

Answer 6

img标签属于（void element）自闭合标签，原则上加不加slash(/)都可以，但是对此的争论是有很多的，有的人认为加，有的人认为不应该加
比如http://stackoverflow.com/questions/4693939/self-closing-tags-void-elements-in-html5/4694202
里面有人提到

Actually, one might argue that adding "/` to a void tag is an ignored syntax error.

而且google styleguide也是推荐自闭合标签不适用/
也有观点认为省略/可以减少下载的字节，
当然也有很多同意加/的观点，我就不翻译了