Creating a semantic breadcrumb using HTML5+RDFa

It's really simple to embed semantics into your HTML using HTML5+RDFa.

<ol class="breadcrumb" about="">
    <li>
        <a rel="top" href="http://www.example.com/">
            <span property="dc:title">Example.com</span>
        </a>
    </li>
    <li>
        <a rel="up" href="http://www.example.com/news">
            <span property="dc:title">News</span>
        </a>
    </li>  
    <li>
        <span property="dc:title">Pope reveals he is Catholic!</span>
    </li>
</ol>