title: Use 'variables' in HTML?
body: <p>Insead of having to alter values for every item in the list as so</p>
  
  <pre><code>&lt;li class="item drawing"&gt;
      &lt;a class="fancybox" rel="group" href="images/portfolio/skateboard_l.jpg"&gt;
      &lt;img src="images/portfolio/skateboard.jpg" alt="skateboard"/&gt;
      &lt;h3&gt;Skateboard&lt;/h3&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Is it possible to have something like</p>
  
  <pre><code>item="Skateboard
  &lt;li class="item drawing"&gt;
      &lt;a class="fancybox" rel="group" href="images/portfolio/[item-lowercase][if "item"_l.jpg exists, echo"_l"].jpg"&gt;
      &lt;img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/&gt;
      &lt;h3&gt;[item]&lt;/h3&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>So I can just change the item variable for each item in the list rather than all the seperate entries. I assume this would be done using PHP or JS?</p>
  
  <p>Thanks.</p>