title: How to create global variables to share between HTML pages
body: <p>Hi I am currently working on porting over an application to a new server and I each time I move the application to a new directory I have to manually go in and change all of the img, src, and script tags within the html pages. This is becoming very tedious because there are over 30 different pages. </p>
  
  <p>Is the anyway to create a configuration file that holds global variables that can then be included at the top of every HTML file? For example, if I change the path to a script, the only change I would have to make is in the configuration file and not every separate html file.</p>
  
  <p>edit to clarify: </p>
  
  <p>Currently I have hard coded scipt/img/scr tags that look like this:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/app/returning/html/returning.css" /&gt;
  </code></pre>
  
  <p>I was hoping I could make the href value a variable in a separate file that can be included at the top of every page and it would look something like this:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="(variable from configuration file here)" /&gt; 
  </code></pre>