在javascript(jquery)中为模板使用HTML代码段

我目前正在开发一个小应用程序,它从我的服务器请求用户信息,并使用一个特殊的模板显示它们。

起初,我只是在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文件中。

此外,它还可以使合并更容易,这样某人就可以更改一两行。

这有什么模式吗?我可以把它放在HTML文件中,把JS包含在其中吗(只有一个),然后用CSS隐藏它。

我想到的第三个选项是创建一个单独的HTML文件,并让jquery请求服务器将其保持独立。这项技术用得多吗?

还有,我可以用什么术语来描述我在做什么?(对于一个我不知道名字的概念,很难提问)