Breadcrumbs

Breadcrumbs are recommended to make out as a list.

<ol id="breadcrumbs">
    <li>
        <a href="http://know-online.com/">Main</a>
    </li>
    <li>
        <a href="http://know-online.com/category">Category</a>
    </li>
    <li>
        <a href="http://know-online.com/category/page">Page</a>
    </li>
</ol>

Further they can be issued in CSS. Example on JSFiddle.

The name “Breadcrumbs” is a reference to the tale “Hansel and Gretel” by the Brothers Grimm, where the children left bread crumbs in the forest to return home.

Micromarking

For breadcrumbs, you can make microdata to arrange them in search engines.

Breadcrumbs

The code for microdrinks for breadcrumbs is as follows:

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="http://know-online.com/arts"><span itemprop="name">Arts</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="http://know-online.com/arts/books"><span itemprop="name">Books</span></a>
        <meta itemprop="position" content="2" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="http://know-online.com/arts/books/poetry"><span itemprop="name">Poetry</span></a>
        <meta itemprop="position" content="3" />
    </li>
</ol>