什么是使用HTML5构造Breadcrumb导航的最新方式

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

<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>

来源

2012-06-03 Will Moritz

这是谷歌如何代表了面包屑（使用微）标记 -

<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

但我不真的认为任何一种方法都存在正确或错误！

来源

2013-09-23 15:47:14

嗯，我个人通过迪夫亚Manian，这解释了语义真的并不重要一样多，因为大多数人认为喜欢this article。大多数时候，人们会在网页浏览器中查看您的页面，并且不知道您的底层CSS或HTML结构是什么，只要它看起来很漂亮并且工作正常，就不会轻视。

大多数搜索引擎和计算机辅助功能软件会找出它是什么，而不管你的具体标记，只要你没有专门设法妨碍它们。将导航放在导航标签中当然会帮助更智能的软件，但更智能的软件无论如何都会发现它。

不管您的代码是否遵循语义，都不会为您提供足够的实际好处，因此值得您花时间决定rel=up是编码导航的“最佳方式”。不要浪费你的时间，只需编码你的网站。（当然，除非你要按小时收费。）

来源

2012-06-03 03:26:34

'不用介意那些html nutheads，只需在那里放一张桌子'。 – djspark

什么是使用HTML5构造Breadcrumb导航的最新方式

回答

相关问题