Jquery - 如何管理 HTML 代码？

Question

例如

- 易于阅读

<div class="display">

   <div align="right" bgcolor="fuchia" id="pretendmenu">
        <a href="" class="2">HOME</a> 
        <a href="" class="2">CONTACT</a>
        <a href="" class="2">ABOUT</a>
   </div>

   <div align="left" bgcolor="white" id="content">
      <h5>Content Articles</h5>
      <p>This paragraph would readable material.</p>
   </div>

</div>

- 难以阅读

$('body').append('<div class="display"> <div align="right" bgcolor="fuchia" id="pretendmenu"> <a href="" class="2">HOME</a> <a href="" class="2">CONTACT</a> <a href="" class="2">ABOUT</a> </div> <div align="left" bgcolor="white" id="content"> <h5>Content Articles</h5> <p>This paragraph would readable material.</p> </div> </div>');

如何管理 HTML 代码？

编辑:也许使用模板系统？

Answer 1

我用过 jQuery tmpl之前的模板取得了一些成功。