“查看源代码”和“检查元素”之间的区别 - 插入了神秘的不需要的 标签答案

【问题标题】：Difference between "view source" and "inspect element" - mysterious unwanted tags are inserted“查看源代码”和“检查元素”之间的区别 - 插入了神秘的不需要的 标签
【发布时间】：2014-06-26 01:20:52
【问题描述】：

我知道现代浏览器以某种方式解释一个人的 HTML 代码，结果是，例如，在 Google Chrome 的“检查元素”中看到的内容与在“查看源代码”中看到的内容不同。

我从未添加到源代码中的神秘 和 标签在我用chrome 和Firefox 查看时不知何故出现在我的页面中。

起初，我以为可能是一些 javascript 修改了我的代码，但在勾选“禁用所有脚本”按钮并重新加载页面后，神秘的标签仍然存在。

这是一个示例 - 这是来自我的网站 http://bns.endgame.pk/ 的一段源代码。看不到任何 或标签。

<a target="_blank" style="font-size:14px;" href="http://www.facebook.com/nightmarecake">Cake</a>.</font><br>  
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/1119589_773184094_1664919821_q.jpg">
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/1117767_15500423_790147733_q.jpg">
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/186942_100001202221967_422509584_q.jpg">
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc1/372541_547614112_115208298_q.jpg">
</td></tr>            
</table>    
</div>
</td></tr>
</table>
<div class="contents-container">
<div class="col1">
<div class="table1"><font class="title1">Blade & Soul database<br>

这是网站的相同部分，当我在 chrome 中打开网站（所有脚本已禁用）并使用“检查元素”查看内容时：

<a target="_blank" style="font-size:14px;" href="http://www.facebook.com/nightmarecake">Cake</a>
"."
</font>
<br>
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/1119589_773184094_1664919821_q.jpg">
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/1117767_15500423_790147733_q.jpg">
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/186942_100001202221967_422509584_q.jpg">
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc1/372541_547614112_115208298_q.jpg">
</td>
</tr>
</tbody>
</table>
</div>
</b>
</td>
</tr>
</tbody>
</table>
<div class="contents-container">
<div class="col1">
<div class="table1"><font class="title1">
"
Blade & Soul database"
<br>

这些 和 标签被插入到我文件的很多地方！这到底是怎么回事？！我的 HTML 格式是错误的，还是类似的？请帮帮我。

请注意，我也正在使用验证器http://validator.w3.org/ 来检查我的文件，但这对确定问题没有任何帮助；__； ...

【问题讨论】：

所有丑陋的 标签是怎么回事？ HTML5 不支持 标签
您使用 CMS 来更新您的内容？
你并没有从你的用户那里转义内容，所以有人发布了类似的内容：I really, reaally do appreciate it~! >w<b，我让你了解接下来会发生什么......（我浏览器上的第 853 行，在带有 @ 的 div 下987654334@ id)。
霍尔特所说的实际上解决了我的问题。希望我可以检查他的评论作为解决方案......我只是很愚蠢，没有在我的用户输入中使用htmlspecialchars()。谢谢。是的，你也是对的，zgood，我正在删除标签。谢谢大家;w;问题解决了~~
@Holt 发表您的评论，作为未来人们看到的答案

标签： html inspect

【解决方案1】：

您并没有从您的用户那里转义内容，所以有人发布了类似的内容：I really, reaally do appreciate it~! >w<b，我让您了解接下来会发生什么...（我浏览器上的第 853 行，在带有shoutbox_comment_section id 的 div 下）。

 标签是由 Chrome 开发控制台添加的，因为它试图推断您忘记了什么以获得有效的 XML。

【讨论】：