html注释失效的原因及解决思路

近几天在做一个网站，里面放了一些html注释，浏览时发些部分注释失效，模板中代码如下：

<!-- {template "content","footer"} -->

<!--start footer 页脚-->
<div class="hainanFooter">
  <div class="content"> <span class="list"> 备案号：苏ICP备11033529号 </span> </span> </div>
</div>
<!--end footer 页脚-->


实际浏览时，网页显示不正常，网页源代码如下：


<!--<!--start footer 页脚-->
<div class="hainanFooter">
  <div class="content"> <span class="list"> 备案号：苏ICP备11033529号 </span> </span> </div>
</div>
<!--end footer 页脚-->


-->

<!--start footer 页脚-->
<div class="hainanFooter">
  <div class="content"> <span class="list"> 备案号：苏ICP备11033529号 </span> </span> </div>
</div>
<!--end footer 页脚-->



原因：
模板中的<!-- {template "content","footer"} --> 代码在运行时转换成了如下代码：

<!--<!--start footer 页脚-->
<div class="hainanFooter">
  <div class="content"> <span class="list"> 备案号：苏ICP备11033529号 </span> </span> </div>
</div>
<!--end footer 页脚-->


-->


运行时生成的代码里嵌套了<!--start footer 页脚-->注释语句，所以注释提前结束，部分代码在html网页中显示了出来。