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

时间:2013-01-25 08:20:56

标签: javascript html templates

我见过使用以下任何标签创建的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

的问题

2 个答案:

答案 0 :(得分:0)

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

http://mustache.github.com/

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

答案 1 :(得分:0)

他们都是糟糕的选择。

textarea 旨在接受用户输入

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

脚本元素旨在保存程序

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

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