title: What is the best way to manage duplicate code in static HTML websites
body: <p>I am managing a legacy website with a lot of static HTML websites, no server side scripting, just plain HTML/CSS, minimal javascript. I found it a huge waste of time to change the same piece of code numerous times in different pages. For example, when something in the menu changes, since the menu is just static text in each document, I have to make the same change numerous times. </p>
  
  <p>I was wondering what the best tactic would be to minimize this overhead, in other words what would you recommend for managing things like navigation code across multiple static HTML pages. </p>
  
  <p>I know you can use:</p>
  
  <ol>
  <li>server side scripting (like PHP), but there is no other reason to use scripting at that particular site.</li>
  <li>frames (but that's bad because its.. well, frames :))</li>
  <li>server side includes (that seems like it could lead to trouble when changing the server)</li>
  <li>javascript (bad for SEO)</li>
  </ol>
  
  <p>What would you recommend? </p>
  
  <p>Thanks.</p>