我们是否应该在网站导航中使用(HTML5)rel属性

时间:2012-04-22 18:01:23

标签: html5 navigation nav rel

简单明了的问题,但我无法找到任何建议。

支持的适当的HTML5值为:

  • 作者
  • 第一
  • 最后
  • 分组
  • 帮助
  • 许可证(不是“许可证”)

实施例

由索引,关于,联系人和&组成的导航法律

..从index.html页面的角度来看:

  • index.html with rel =“first”
  • about.html with rel = author next“
  • contact.html with rel =“help”
  • legal.html with rel =“license last”

...从contact.html页面的角度来看:

  • index.html with rel =“first”
  • about.html with rel = author prev“
  • contact.html with rel =“help”
  • legal.html with rel =“license next last”

我接受在导航中使用rel会很少;但它可能会以某种小的方式帮助搜索引擎。

我举了两个例子来说明这在实践和评论中是如何运作的!

亲切的问候, 戴尔

编辑以下评论中的示例

由索引,关于,联系人和&组成的导航法律

..从index.html页面的角度来看:

  • index.html没有rel
  • about.html with rel = author“
  • contact.html with rel =“help”
  • legal.html with rel =“license”

...从contact.html页面的角度来看:

  • index.html没有rel
  • about.html with rel = author“
  • contact.html with rel =“help”
  • legal.html with rel =“license”

2 个答案:

答案 0 :(得分:3)

好问题!说实话,我不是rel属性的专家(所以如果我错了,有人会纠正我)但是从我能找到的东西谷歌可以通过属性验证identity on a web page。如

<a rel="me" href="https://plus.google.com/110037486217106671520">Luke Southam</a>

我知道这不是网站导航的主题,但它显示Google正在阅读<a></a>标记内的属性并将其编入索引。至于在网站导航中使用它,如果它(可能)帮助谷歌(或其他搜索引擎)更好地索引你的网站,我说去吧。

答案 1 :(得分:1)

是的,您可以使用rel获取导航中的链接。因为...

...您可以将rel用于每个链接。

使用适当的链接类型,即。您只能在HTML5中使用一组特定的defined and registered rel values


first&amp; lastnext&amp; prev

HTML5规范中不再定义

firstlast。在Microformats wiki页面existing rel values中,它们被列为beginend的同义词,其定义为:

  

标识当前文档是节点的文档序列的作者定义的开始[/ end]。

因此它们不适合典型的网站导航。如果应按特定顺序阅读链接文档,请使用它们。

HTML5规范中的

nextprevdefined

  

[...]表示该文档是序列[...]

的一部分

first / last相同的论点:只有在有特定订单的情况下才能使用它(对于包含“关于”,“联系人”,“法律”的导航不是这种情况“,......)。最突出的用途是分页。

author

author link type

  

表示引用的文档提供了有关定义超链接的元素的最近article元素祖先的作者的进一步信息,如果有的话,或者作为整体的页面,否则提供。

您只需要确保您的导航(分别是此author链接)不是article元素的子代(这对于网站导航来说非常罕见)。

help

help link type定义为:

  

对于aarea元素,help关键字表示引用的文档为定义超链接及其子元素的元素的父级提供了进一步的帮助信息。

所以这似乎不合适(即使如果联系页面会提供“进一步的帮助信息”,因为从技术上讲,这将是导航本身的帮助(→父元素)链接),而不是整个页面(仅在link的{​​{1}}元素中使用的情况下,或者如果帮助链接是head的直接子元素。 )

body

license link type

  

[...]表示所引用文件提供了版权许可条款,根据该条款提供当前文件的主要内容。

似乎合适(如果您的法律页面包含这些条款)。