创建html模板textarea或脚本或div或其他

Question

我见过使用以下任何标签创建的html模板

<textarea>
<script>
<div>

哪一个更好，为什么？

以下哪种创建html模板的方式更好，y？

CSS：

.template {
  display: none;
}

textarea：

<textarea class="template" id="tmpl1">
  <div>adfsdfsdfs</div>
</textarea>

脚本：

<script type="text/html" id="tmpl1">
  <div>adfsdfsdfs</div>
</script>

div：

<div class="template" id="tmpl1">
  <div>adfsdfsdfs</div>
</div>

我遇到了script代码here

的问题

Answer 1

我建议没有上述选项看看它是由git hub的创始人之一创建的Mustache

http://mustache.github.com/

绝对是我最喜欢的做模板的方法

Answer 2

他们都是糟糕的选择。

textarea 旨在接受用户输入

div 元素旨在向用户展示内容

脚本元素旨在保存程序

如果要将模板嵌入到HTML文档中，那么我将编写一个JavaScript程序将其存储在变量中（并使用json序列化程序生成分配给该变量的JavaScript文字）。然后该程序可以进入脚本元素。

或者，将模板存储在适当元素的data-*属性中。