当前位置:  开发笔记 > 前端 > 正文

您是否经常使用链接关系("rel"属性)?

如何解决《您是否经常使用链接关系("rel"属性)?》经验,为你挑选了1个好方法。

我渴望转向更加基于标准,可访问和语义正确的Web开发方法.在办公室,我不认为会立即发生巨大的变化,但我正在努力开始为进一步的发展奠定一些基本的基础.

此过程的一部分是rel在链接和其他此类内容中引入属性.这比熟悉的旧版本更进一步


许多开发人员可能会在没有考虑它的情况下投入其中.我很想知道是否有人rel在其他方面经常使用.例如,将主导航的链接设置回主页rel="start".

如果您已在自己的项目中实施了链接关系,那么是什么促使您采用它们以及您想要实现哪些好处?

如果您查看了链接关系但决定不使用它们,那么您的决定依据是什么?



1> georgebrock..:

我经常在两个元素和元素上使用具有各种值的rel(和rev)属性.

我已经概述了下面一些更常见(和更有用)的关系类型.微格式维基rel上维护了更完整的值列表.

HTML 4

HTML 4规范定义了几种标准链接类型.

alternate - 在提供HTML文档的替代版本的链接时使用,例如以不同的语言或其他格式.这在链接到网站的联合(RSS或Atom)版本时最常用.

nextprevious-用于指示的一系列文件的下一个和以前的文件.如果rel="next"元素上使用,则某些浏览器将预取链接文档的内容(请参阅MDC链接预取常见问题解答).

XFN

XFN(XHTML Friends Network)是一种微格式,用于描述网页所代表的人与人之间的关系.它还允许页面指示代表同一个人的其他页面(例如我的博客,我的Twitter个人资料和我的Stack Overflow个人资料都代表我).它通过定义一组rel值来完成所有这些:

me - 用于指示链接页面和链接页面代表同一用户.当从用户配置文件链接到用户自己的网站时,这被许多社交网站(包括Stack Overflow)广泛采用.

contact,aquantancefriend- 表示您知道您要链接的人以及您对它们的了解程度.

met - 表示您遇到了要链接的人.

co-worker并且colleague- 表示您与要链接的人一起工作或在同一领域工作.

co-residentneighbor-表明您住在一起,或者你链接到的人靠近.

child,parent,sibling,spousekin-表示要链接到你的家庭中的一员.

muse,crush,datesweetheart-指示与要链接到的人一个浪漫的关系.

可以解析这些关系并用于确定关于用户的信息,例如他们的朋友是谁或他们拥有的其他在线简档.有关当前和未来潜在应用的更多信息,请阅读以下页面:

本·沃德关于便携式社交网络的文章.

微格式wiki上的XFN实现列表.

其他

各种规范定义了各种其他链接类型:

nofollow - 用于指示搜索引擎在抓取网页时不应遵循链接.请参阅rel-nofollow规范.

canonical - 用于表示另一个URL是当前页面的规范版本,因此应该受到搜索引擎的青睐.这也与rev属性一起使用以指示当前页面的替代(通常更短)URL(即,rev="canonical"指示当前URL是链接URL的规范版本).更多信息和工具可以在Simon Willison关于rev = canonical的博客文章中找到.

tag - 用于指示链接页面是描述链接页面的标记(即关键字).请参阅rel-tag规范.

license - 用于指示发布链接页面内容的许可证.请参阅rel-license规范.


很好的答案.谢谢.
推荐阅读
我我檬檬我我186
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有