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

问题描述

问题解答

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

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

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

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

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

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

<p class='back'> <a href='https://www.haobala.com/wenda/${ctx}/user/loginView.html'> <img src='https://www.haobala.com/wenda/${ctx}/src/common/images/reg_back.png'> 返回？ </a></p>回答5：

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

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也是推荐自闭合标签不适用/也有观点认为省略/可以减少下载的字节，当然也有很多同意加/的观点，我就不翻译了