css 微文件格式 XFN标准

日期:2021-01-20 类型:科技新闻 

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

如今,大家花销1点時间来好漂亮看这个十分酷的微文件格式。

在连接中放入本人信息内容

由GMPG──全世界新闻媒体协议书组──拟订的XHTML朋友互联网是1个十分简易却强劲的去管理中心化叙述方法,根据应用连接(<a>)的rel特性来呈现人际关联

这个定义同我在第1一部分中叙述的根据连接的关联是1致的:

<a href="http://twitter.com/emilylewis" rel=”me”>Twitter</a>

在这个事例中,rel="me"编码表明这个连接的目地详细地址(href)指向有关我的1个网页页面 (或是我负责的网页页面)。

XFN微文件格式所叙述的根据连接的人际关联彻底跨越大家以前叙述的定义。

大家全是联接在1起的

XFN拓展了rel-me的定义,不仅包括本人身份同社交媒体互联网之间的关联。您能够为连接中的rel特性简易的加上好几个特性值用以叙述关联信息内容。

比如,我常常在blog中引入我的老板兼朋友,IanIanIanIanIanIanIanIan

<a href="http://www.iso⑴00.com/" rel=”met colleague co-worker friend”>Ian Pitts</a>

在上面的事例中,我为指向他blog的连接加上了rel="met colleague co-worker friend这些特性。这些rel特性值表明:

  • met:我见到过Ian自己。
  • colleague:Ian是我的朋友,也便是说我觉得他跟我是具备类似兴趣爱好和技术性的人。
  • co-worker:Ian是我的老板,由于他也是我的朋友。
  • friend:我把Ian作为的我盆友(他很好运吧)。
大家是怎样联接在1起的

XFN标准出示了各种各样关联特性值,这些特性值全是十分简易并直观的。

友情/熟习度

仅能应用这个目录中的1个值:

  • friend:依据本人界定转变。但压根来讲,这是在熟习度种别中最“亲密无间”的值。
  • acquaintance:说明1个中等的熟习水平。
  • contact:说明仅仅是我有着联络信息内容的本人。
物理学特点

met──相遇──说明以前见过自己的关联。能够同别的全部特性值共存。

岗位

可使用在其中1个或两个特性值:

  • colleague:具备类似兴趣爱好或技术性的人,同寅。
  • co-worker:朋友。
自然地理信息内容

仅可以使用在其中1个特性值:

  • co-resident:跟您住在同1条街道社区上的人。
  • neighbor:1个更广义的自然地理引入,一般是住的十分近(靠您自身界定),可是不在同1个街道社区上的。
大家族

仅可使用在其中1个特性值:

  • child:孩子
  • parent:爸爸妈妈
  • sibling:弟兄姐妹,也包含您完婚以后对方那边的弟兄姐妹
  • spouse:直系亲属(无论合理合法与否)
  • kin:任何亲戚,无论是直系,還是根据婚姻生活或领养。
浪漫关联

可使用1个或好几个特性值:

  • muse:获得设计灵感的人
  • crush:您单思念的人
  • date:您现阶段相对性固定不动的约会目标
  • sweetheart:您现阶段十分心理状态或物理学投入的人

因为我尝试微文件格式刚开始情况下的疑虑,必须解释1下muse(获得设计灵感的人)。尽管他存在于“浪漫关联”这个归类,但他考量于同“客观”比照的角度。设计灵感不属于客观,由于属于浪漫关联。(译注:没懂)

我常常引入1些业内英雄人物的连接(比如,Jeffrey Zeldman, Eric MeyerJason Santa Maria)。针对这些人的连接,我都应用了特性rel="muse"

而这些肯定并不是“浪漫关联”。我仅仅是(刻骨铭心的)钦佩她们的工作中,并常常从她们那里获得设计灵感。

此外,我发现这里对这些“浪漫关联”的叙述出现异常的趣味。

本人身份

me指向在此外1个不一样地区(href)的自身。

我期待有1点十分显著的是,为您自身取值friend是过剩的,尽管您会觉得您是自身的盆友。一样还包含met和别的1些特性值。但仅仅是由于不必须这样做,而并不是由于这样做失效。

特地的简易 = 高效率

包含我在内,做为十分关心细节的人,会十分感谢应用这些简易而搞笑幽默的词语。大家就简易的接纳co-worker(朋友关联),而不必去争执到底是否必须加上领导還是属下的特性。

值得提的1点是,在应用这些特性值的情况下沒有特殊的次序规定

另外,这些值是不具备对称性性的。因而,假如您引入1本人为friend而她们引入您为acquaintance,这并沒有任何逻辑性上的不正确(除非您觉得出现异常的迷失)。

特定Profile

除在您了解的这些人的连接上再加rel申明,GMPG提议您最好是也让访问器和检索模块了解您的网页页面适用XFN,这个工作中能够根据在<head>编码中特定XFN的材料连接。

针对我而言,我挑选在全部网页页面中都申明XFN的材料连接,由于我的<head>编码根据1个全局性文档来维护保养。这会让工作中非常容易许多,另外,可让rel="me"出現在我全部的网页页面中(一样,能够在页脚连接到我的Flickr、, Delicious、iLike 和 Twitter的本人材料网页页面):

<head profile=”http://gmpg.org/xfn/11″>

告知全球

GMPG也提议令人们了解您的网站是适用XFN的。她们出示了1个徽章,您能够加到自身的网站上:

从本人角度来讲,我其实不是这些按钮或徽章的粉丝。可是我适用这个建议,因此在我的页脚中再加了XFN的连接:

<a href="http://gmpg.org/xfn" title="适用XHTML朋友互联网">XFN</a>

让他变得更简易

尽管简易的为超连接加上这些特性和特性值并不是1项非常浩大的工程项目,可是也是有1些专用工具可以协助您更非常容易完成XFN:

  • XFN 1.1 转化成器是1个根据网页页面的指导,用来给连接特定适合的XFN值,并出示多种多样語言适用。
  • MTMTMTMT Blogroll 2.12 Manual是1个Movable Type的软件用来为引入连接界定XNF关联。 MTMTMTMT Blogroll 2.12 Manual是1个Movable Type的软件用来为引入连接界定XNF关联。
  • XFN Link Creator也是1个为连接再加XFN特性值的指导。
  • WordPress Links Manager能够配备容许您为blogroll连接加上XFN关联值。
  • WPWPWPWP Microformatted Blogroll 0.2是加上XFN连接的Word Press软件。 WPWPWPWP Microformatted Blogroll 0.2是加上XFN连接的Word Press软件。
  • rel-lint是1个JavaScript书签,用来查验那些XFN特性值,并标明出哪些他没法鉴别。

词义网

我了解我早已反不断复的反复许多遍(这也毫无疑问并不是我最终1次说):词义是微文件格式主要的益处之1。XFN也包括在内。

应用微文件格式来为网页页面內容加上构造和词义,使网页页面变得对人类对设备一样可读。重要是,她们只应用了现阶段早已存在的规范中的标识語言和数据信息。这点很棒!

微文件格式让大家间距Tim Berners-Lee提出的词义网愈来愈近。

社交媒体互联网

“词义”促进我在这个blog广州中山大学量应用微文件格式,这只是1层面,由于我观念到这点引诱针对一些人来讲其实不那末吸引住人。对于于这些人,我怀疑XFN的“社交媒体”特点将会更关键1些。

社会发展检索

Rubhub是1个社会发展检索模块,您能够在那里递交网站,他会被数据库索引,并同别的网站开展较为,从而创建社会发展关联的数据库索引。

1旦数据库索引,您能够看到您网站的社交媒体結果,包含别的网站怎样引入(根据rel="me")您,也有别的本人是怎样引入您的关联。

可视性化

XFN Graph 会转化成1个蛛网图来展现这些站点怎样相互之间连接,出示社交媒体关联的可视性化呈现。从这里,您能够了解人们是如何联接起来,并能够根据这个展现寻找那些跟您具备类似兴趣爱好的人。

连接性

Google的Social Graph API应用XFN来使得客户在新网站中交友更为非常容易。

比如,在Google出示的“My Connections”的演试程序流程中,显示信息您怎样跟别的人联接起来。这里有1个截图:

盆友目录

有很多的站点,特别是那些社交媒体互联网站点,都应用XFN标识来创建朋友/联络人目录。例如,Twitter和LinkedIn都在她们的follower和联络人连接上加上了rel="contact"

在看得更远1点,1些站点公布hCard+XFN构成的朋友目录,这个数据信息能够用来被导入/定阅。(我会在第3一部分中表明hCard微文件格式)

这为未来容许客户在不一样网站之间互换社交媒体互联网信息内容打下了基本。

身份统1

在第1一部分中提到过,XFN针对身份统1很关键。

社交媒体互联网站点

比如,许多社交媒体互联网站点在她们的本人材料页中都完成rel="me"特性,包含Flickr、Twitter、LinkedIn等。因此,在任何应用别的身份的网页页面中,分散化的本人身份被再次结合在1起。(译注:好晦涩难懂,不容易翻)

ClaimID

一样,也是有1些线上身份统1的服务保障XFN。比如,claimID可让您手动式设定本人材料,集成化您全部的线上身份,每个都可以以被标明为rel="me"。这里有1个我 ClaimID本人信息内容的截图,包含了这些连接:

开设ClaimID上的本人材料有1个益处便是他会给你1个OpenID。

OpenID是为客户数据身份出示的对外开放的去管理中心化的随意架构。他应用已有的互联网技术技术性来更改存在的数据身份(比如blog、相片等),您可使用这个身份在适用OpenID的站点上登陆。这个跟XFN并沒有立即关联,但是他很酷。

Plaxo

也有1个Plaxo’s Open Social Graph值得1提,他会依据您出示的站点URL来检索rel="me"连接。随后去抓取这些连接。他还会检索双重的连接来明确这两个地区(href)的确是同1本人。下面是1个抓取的截图:

Plaxo的线上详细地址簿和社交媒体互联网服务都适用XFN,会全自动的加上rel="me"特性到您本人材料中。我在Plaxo的本人材料页上每条连接都完成了rel-me的特性标明:

也有Google的Social Graph API中的演试运用,“Site Connectivity”,也根据列出他之道是你的站点结合,还包含那些他觉得是你的站点。下面一样是1个截图:

来点个性化

一样在第1一部分提到过,您可使用CSS特性挑选器来为特殊的rel界定1些设计风格。比如,您期待运用XFN微文件格式标志,您可使用下面的特性挑选器:

a[rel~="friend"]:before {content: url(xfn-friend.png);}

在适用CSS 2.1 标准的访问器 (IE 6不适用)

上一篇:应用CSS sprite 的益处和弊端剖析 返回下一篇:没有了