我目前正在开发一个小应用程序，该应用程序从我的服务器请求用户信息，并使用特殊模板显示这些信息。
起初，我只是在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文件中。
此外，这将使合并更容易，因此某人只需更改一两行即可。
有没有这方面的模式？我可以把它放在包含此JS的HTML文件中（只有一个），然后使用CSS隐藏它，这样可以吗？
我想到的第三个选项是创建一个单独的HTML文件，并使用jQuery从服务器请求该文件以保持其分离。这种技术经常使用吗？
还有，有什么术语可以用来描述我正在做的事情吗？（对于我不知道名称的概念提问更难）