HTML5 Figure and Figcaption example

html5-captions-2.html

<img class="caption" src="http://placehold.it/150x50" 
      title="This is my caption" 
      alt="A grey placeholder image" />

html5-captions-3.js

  // wait until images have all loaded so we can properly get their width
  $(window).load(function(){  
    $('img.caption').captionate();
  });

html5-captions.html

<figure class="caption border">
  <img src="http://placehold.it/150x50" 
      title="This is my caption" 
      alt="A grey placeholder image" />
  <figcaption>This is my caption</figcaption>
</figure>