Javascript 防止mustache.js模板使用模板语法加载图像

简单的问题：我在代码的前端有几个mustache模板，其中许多模板带有图像标记，源代码设置为mustachejs设置的变量。那就是

<img src="{{img_src}}" />

---

这会导致服务器加载url为root/{{img_src}}的图像，这是unideal。如何防止它们被预加载？

听起来像是将模板存储在

s（或类似的HTML包装器）中，如下所示：

<div id="t" style="display: none">
    <img src="{{img_src}}" />
<div>

如果你这样做，你告诉浏览器你的模板是HTML而不是；如果您告诉浏览器将某个内容解释为HTML，您应该期望它这样做。解决方案是使用

容器：

<script id="t" type="text/x-mustache">
    <img src="{{img_src}}" />
</script>

包含不可替换的字符数据而不是HTML，这样浏览器就看不到

属性。
这听起来像。我认为这里更好的问题是：为什么浏览器接收（并解释为HTML）原始模板？