title: Repeating a block of html like a function
body: <p>I am learning html, css and content management by building my own personal site, but I have very little experience in any of these areas. One thing that has bothered me is the amount I have to repeat a segment of "html code". For example, on my site I may have a block that looks like: </p>
  
  <pre><code>&lt;div class="talk"&gt;
    &lt;a href="link"&gt;
      title
      &lt;div class="info"&gt;
        subtext
     &lt;/div&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>where <code>link, title</code> and <code>subtext</code> are the only elements that change. As a programmer, this looks like a function with three arguments: <code>talk(link, title, subtext)</code> and I would implement this by keeping a separate text file or database with all the entries and a program to "compile" the data and the HTML formatting into a final product. In fact, this is what I do now with a simple python script and BeautifulSoup. I have a feeling though, that there are tools out there for <em>exactly</em> this sort of thing, but there are <em>so many options</em> and systems I not even sure what I'm looking for exactly (Grunt, bower, Ruby on Rails, SASS, HMAL, handlebars, ...). This is not a request for recommendations, an acceptable answer could involve any framework, but I prefer simplicity over power. </p>
  
  <p>What is canonical/standard way to do this? What is a minimal working example using my code block above?</p>