Criação de um breadcrumb semântico usando HTML5 + RDFa

É realmente simples incorporar semântica em seu HTML usando 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>