如何編寫不會被瀏覽器處理的HTML？

Question

我想創建一個HTML文件，其中將包含將用作我的頁面模板的HTML片段 - 我將使用jquery克隆它們，並用實際值替換它們的部分內容。
我的問題是，這些模板中的某些包含圖像，具有模板化的src屬性（src屬性具有無效值），並且瀏覽器嘗試加載它們。
有沒有一種方法可以寫入瀏覽器在加載過程中會忽略的html？

Answer 1

最初用css：display：none隱藏片段。克隆它，替換佔位符，然後在正確的位置插入到DOM中。然後顯示它們：display.block，或使用JQuery顯示$（'＃someElement'）。show（）;

Answer 2

你想使用jQuery模板http://api.jquery.com/category/plugins/templates/。您可以創建包裝在腳本標記中的HTML模板。這些模板在被調用之前不會被加載。

豐富

Answer 3

這是有點對編寫HTML的目的，它的目的是通過瀏覽器閱讀。

但是，您可以將圖像上的src屬性替換爲data-src屬性，該屬性是有效的HTML5屬性。然後，將模板塊的容器的css設置爲display: none

然後，您可以將模板放置在正確的位置，並使用data-src屬性的值在圖像上插入src屬性，從而導致圖像加載。