Last Updated: February 25, 2016

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>

#html

#navigation

#breadcrumb

#rdfa

#html5