JavaScript（jQuery）のテンプレートにHTMLスニペットを使用する

Question

現在、私のサーバーからユーザー情報を要求し、特別なテンプレートを使用して表示する小さなアプリケーションに取り組んでいます。まず

は、私はjQueryのに少しスニペットをハードコード：

$("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>") 

私は何回かそれをクローンします。

醜いですし、構文の強調表示やその他の機能を使用したいので、HTMLファイル自体に入れておく方が良いでしょう。

また、マージが簡単になり、誰かが1行または2行だけを変更できるようになります。

これにはパターンがありますか？私はこれをHTMLファイルに入れて、このJSを（唯一のものが）含まれていて、CSSを使って隠していますか？

私が考えていた3つ目の選択肢は、別々のHTMLファイルを作成し、それを別々に保つためにサーバーからjQueryに要求することです。この手法はあまり使われていますか？

また、自分が行っていることを説明するために使用できる用語はありますか？ （名前がわからないコンセプトについて質問するのは難しい）

Answer 1

私はSO earlier todayで同様の答えを出しました。あなたが探しているものは、マイクロテンプレートと呼ばれています。 John Resig投稿this on his blog。基本的には、jsonデータセットを取得し、データをテンプレートに適用してhtmlを作成し、DOMを更新することができます。