title: How to store multiple html templates in one file?
body: <p>I only know one way to define templates via underscore.js and it looks like that:</p>
  
  <pre><code>&lt;script type="text/template" class="about"&gt;
      &lt;h1&gt;&lt;%- about.title %&gt;&lt;/h1&gt;
      &lt;p&gt;&lt;%- about.content %&gt;&lt;/p&gt;
  &lt;/script&gt;
  
  &lt;script type="text/template" class="work"&gt;
      &lt;h1&gt;&lt;%- work.title %&gt;&lt;/h1&gt;
      &lt;p&gt;&lt;%- work.content %&gt;&lt;/p&gt;
  &lt;/script&gt;
  
  &lt;script type="text/template" class="contact"&gt;
      &lt;h1&gt;&lt;%- contact.title %&gt;&lt;/h1&gt;
      &lt;p&gt;&lt;%- contact.content %&gt;&lt;/p&gt;
  &lt;/script&gt;
  ...
  </code></pre>
  
  <p>This way, adding a script tag to the head for every template is looking nasty to me. I want only one external file to store all html templates in it and load a specific part of the file when i need it. </p>
  
  <p>For example; my file is "templates.file" and it contains all templates:</p>
  
  <pre><code>&lt;!-- About Template --&gt;
  &lt;h1&gt;&lt;%- about.title %&gt;&lt;/h1&gt;
  &lt;p&gt;&lt;%- about.content %&gt;&lt;/p&gt;
  
  &lt;!-- Work Template --&gt;
  &lt;h1&gt;&lt;%- work.title %&gt;&lt;/h1&gt;
  &lt;p&gt;&lt;%- work.content %&gt;&lt;/p&gt;
  
  &lt;!-- Contact Template --&gt;
  &lt;h1&gt;&lt;%- contact.title %&gt;&lt;/h1&gt;
  &lt;p&gt;&lt;%- contact.content %&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Is it possible to do that without loading any other framework except backbone.js and underscore.js? Which syntax is suitable for this kind of document? And most importantly, how can i load and view a part of templates.file such as only contact section?</p>