Question

for example

– easy to read

<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>

– hard to read

$('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>');

How do you manage the HTML code?

edit: Maybe with a template system?

Answer 1

I’ve used the jQuery tmpl templates before with some success.