html - 使用 HTML5 构建面包屑导航的最新方法是什么

Question

Chris Coyier wrote a while ago最好的标记使用 rel='up'在<nav>部分，但那是在 2010 年，他说这种方式在当时是有争议的。使用 HTML5 为面包屑导航栏标记层次结构的最佳方法是什么？这是 Chris 的推荐:

<nav>
  <p>
    <a href="/" rel="index up up up">Main</a> >
    <a href="/products/" rel="up up">Products</a> >
    <a href="/products/dishwashers/" rel="up">Dishwashers</a> >
    <a>Second hand</a>
  </p>
</nav>

Answer 1

这就是 Google 表示面包屑导航标记的方式(使用微数据)-

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/dresses" itemprop="url">
        <span itemprop="title">Dresses</span>
    </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/dresses/real" itemprop="url">
        <span itemprop="title">Real Dresses</span>
    </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
        <span itemprop="title">Real Green Dresses</span>
    </a>
</div>

来源:https://support.google.com/webmasters/answer/185417

但我真的不认为这两种方法有对错之分!