如何编写浏览器不会处理的HTML？

Question

我想创建一个HTML文件，其中包含将用作我页面模板的HTML片段 - 我将使用jquery克隆它们，并用实际值替换它们的部分内容。
我的问题是，其中一些模板包含图像，带有模板化的src属性（src属性具有无效值），浏览器会尝试加载它们。
有没有办法编写浏览器在加载过程中会忽略的html？

Answer 1

您想使用jQuery模板http://api.jquery.com/category/plugins/templates/。您可以创建包含在脚本标记中的HTML模板。在调用之前，不会加载这些模板。

富

Answer 2

最初使用css：display：none隐藏片段。克隆它，替换占位符，然后在正确的位置插入DOM。然后显示它们：display.block，或使用JQuery来显示$（'＃someElement'）。show（）;

Answer 3

这有点违背编写html的目的，它应该由浏览器阅读。

但是，您可以使用src属性替换图像上的data-src属性，该属性是有效的HTML5属性。然后，只需将模板块容器的css设置为display: none

然后，您可以将模板放置在正确的位置，并使用data-src属性的值在图像上插入src属性，从而加载图像。