title: How to store nav bar in one file?
body: <p>I have a navigation bar for my website:</p>
  
  <pre><code>    &lt;div id='menu'&gt;&lt;ul&gt;
      &lt;li&gt;&lt;a href='index.html'&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='about.html'&gt;About Us&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='http://www.brownpapertickets.com' target=_blank&gt;Ticket Sales&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='merch.html'&gt;Merchandise&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href='merch.html'&gt;Products&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='cart.html'&gt;Shopping Cart&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href='past.html'&gt;Past Shows&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href='photos.html'&gt;Photo Gallery&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href='vids.html'&gt;Video Clips&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to store this in one central place so that every time I have to add a hyperlink or something I don't have to edit every single file. What's the best way to do this?</p>