title: Avoid repeated HTML
body: <p>I have two HTML pages.
  I would like to avoid repeating markup, like head, navigation, etc.
  For example, here is one page:</p>
  
  <pre><code>&lt;head&gt;&lt;title&gt;Los Pollos Hermanos&lt;/title&gt;&lt;/head&gt;
  &lt;body&gt;About Us&lt;/body&gt;
  </code></pre>
  
  <p>And here is another:</p>
  
  <pre><code>&lt;head&gt;&lt;title&gt;Los Pollos Hermanos&lt;/title&gt;&lt;/head&gt;
  &lt;body&gt;Contacts&lt;/body&gt;
  </code></pre>
  
  <p>I don't like to repeat things, so, I want to move the head+title part out, to some separate file, and then call this separate file from other pages. Is this the correct way? What is the practice? </p>