title: How do I layout code in a website with a common header import and jquery scripts?
body: <p>Let's say I have a website, and on every page I import a header and footer that are constant.</p>
  
  <pre><code>&lt;jsp:include page="header.jsp" /&gt;
  
  &lt;!-- Page contents go here. --&gt;
  
  &lt;jsp:include page="footer.jsp" /&gt;
  </code></pre>
  
  <p>I tend to put my javascript code in the page header, but I don't want every page to have to load the java script for every other page.  Equally, I don't really like my javascript being strewn throughout the content portion of all of my pages between the header/footer tags.</p>
  
  <p>Is there a standard way of dealing with this?  I'm fairly new to web development, so I'm sure there's a standard convention I just haven't run across yet.</p>