这段代码是我在别人的网站上看到的，很奇怪，谁能解释一下，为什么要这么写，这样写有什么好处。

<script id="login_box_tpl" type="text/template">
http://xxxx/css/$1.0.67/login.css" rel="stylesheet"/>
<!--[if lte IE 6]>
http://xxxx.org/css/$1.0.67/ie6.css" rel="stylesheet"/>
<![endif]-->

<form class="auth_mk" action="/user/doLogin.action" method="post">
        <input type="hidden" name="redirectUrl" value="/"/>
        <ul>
            <li><label for="nick">邮箱</label><input id="nick" type="text" name="email" value=""/>
            </li>
            <li><label for="password">密码</label><input id="password" type="password" name="password"/></li>
            <li class="def"><label><input name="autoLogin" type="checkbox" value="1" checked="checked"/> 下次自动登录</label>
            </li>
            <li>
                <button type="submit">登录</button>
                　<span><a href="/user/forgotPassword.action">忘记密码了</a></span>
            </li>
        </ul>

</form>
</script>

这一段存放了一个模板。
在js里面，经常需要使用js往页面中插入html内容。比如这样：

var number = 123;
$('#d').append('<div class="t">'+number+'</div>')