A horror of non-semantic markup

gistfile1.html

<!-- 
From "The Minimalist" Tumblr Theme
http://www.tumblr.com/theme/12051

In addition to having no semantic meaning whatsoever,
the tag structure of this headline makes it very difficult
to select for copy/pasting.

That said, I do like the theme.
-->

<div>
  <h2>
    <a href="#" title="http://">
      <span class="cufon cufon-canvas" style="width: 62px; height: 31px; ">
        <canvas width="90" height="31" style="top: 2px; left: -2px; "></canvas>
        <span class="cufon-alt">My </span>
      </span>
      <span class="cufon cufon-canvas" style="width: 177px; height: 31px; ">
        <canvas width="204" height="31" style="top: 2px; left: -2px; "></canvas>
        <span class="cufon-alt">favorite </span>
      </span>
      <span class="cufon cufon-canvas" style="width: 82px; height: 31px; ">
        <canvas width="109" height="31" style="top: 2px; left: -2px; "></canvas>
        <span class="cufon-alt">web</span>
      </span>
      <span class="cufon cufon-canvas" style="width: 74px; height: 31px; ">
        <canvas width="90" height="31" style="top: 2px; left: -2px; "></canvas>
        <span class="cufon-alt">site</span>
      </span>
    </a>
  </h2>
  <div>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
  </div>
</div>