html - "view source"和 "inspect element"之间的区别 - 插入了神秘的不需要的 标签

Question

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

神秘<b>和 </b>当我在 chrome 和 Firefox 中查看时，我从未添加到源代码中的标记以某种方式出现在我的页面中。

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

这是一个例子——这是我网站的一段源代码，http://bns.endgame.pk/ .没有 <b>或 </b>在视线的任何地方标记。

<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>

这些 <b>和 </b>标签被插入到我文件中的很多地方!这到底是怎么回事？!我的 HTML 格式是否错误或类似的问题？请帮帮我。

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

Answer 1

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

</b>标记由 Chrome 开发控制台添加，因为它会尝试推断您忘记获取有效 XML 的内容。