国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css 微格式 XFN規(guī)范

2024-07-11 08:46:09
字體:
供稿:網(wǎng)友

現(xiàn)在,我們花費一點時間來好好看看這個非常酷的微格式。

在鏈接中放入個人信息

由GMPG──全球媒體協(xié)議組──擬定的XHTML好友網(wǎng)絡(luò)是一個非常簡單卻強大的去中心化描述方式,通過使用鏈接(<a>)的rel屬性來展現(xiàn)人際關(guān)系

這個概念同我在第一部分中描述的基于鏈接的關(guān)系是一致的:

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

在這個例子中,rel="me"代碼說明這個鏈接的目的地址(href)指向關(guān)于我的一個頁面 (或者是我負責(zé)的頁面)。

XFN微格式所描述的基于鏈接的人際關(guān)系完全超越我們之前描述的概念。

我們都是連接在一起的

XFN擴展了rel-me的概念,不僅僅包含個人身份同社交網(wǎng)絡(luò)之間的關(guān)系。您可以為鏈接中的rel屬性簡單的添加多個屬性值用以描述關(guān)系信息。

例如,我經(jīng)常在博客中引用我的老板兼好友,IanIanIanIanIanIanIanIan

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

在上面的例子中,我為指向他博客的鏈接添加了rel="met colleague co-worker friend這些屬性。這些rel屬性值說明:

  • met:我見到過Ian本人。
  • colleague:Ian是我的同事,也就是說我認為他跟我是具有相似興趣和技術(shù)的人。
  • co-worker:Ian是我的老板,因為他也是我的同事。
  • friend:我把Ian當(dāng)作的我朋友(他很幸運吧)。
我們是如何連接在一起的

XFN規(guī)范提供了各種關(guān)系屬性值,這些屬性值都是非常簡單并直觀的。

友誼/熟悉度

僅能使用這個列表中的一個值:

  • friend:根據(jù)個人定義變化。但根本來說,這是在熟悉度類別中最“親密”的值。
  • acquaintance:表明一個中等的熟悉程度。
  • contact:表明僅僅是我擁有聯(lián)系信息的個人。
物理特性

met──相遇──表明曾經(jīng)見過本人的關(guān)系。可以同其他所有屬性值共存。

職業(yè)

可以使用其中一個或者兩個屬性值:

  • colleague:具有相似興趣或者技術(shù)的人,同僚。
  • co-worker:同事。
地理信息

僅可使用其中一個屬性值:

  • co-resident:跟您住在同一條街道上的人。
  • neighbor:一個更廣義的地理引用,通常是住的非常近(靠您自己定義),但是不在同一個街道上的。
家族

僅可以使用其中一個屬性值:

  • child:孩子
  • parent:父母
  • sibling:兄弟姐妹,也包括您結(jié)婚之后對方那邊的兄弟姐妹
  • spouse:配偶(不論合法與否)
  • kin:任何親戚,不管是直系,還是通過婚姻或者領(lǐng)養(yǎng)。
浪漫關(guān)系

可以使用一個或者多個屬性值:

  • muse:獲取靈感的人
  • crush:您單相思的人
  • date:您目前相對固定的約會對象
  • sweetheart:您目前非常心理或者物理投入的人

由于我嘗試微格式開始時候的疑惑,有必要解釋一下muse(獲取靈感的人)。雖然他存在于“浪漫關(guān)系”這個分類,但他衡量于同“理性”對比的角度。靈感不屬于理性,因為屬于浪漫關(guān)系。(譯注:沒懂)

我經(jīng)常引用一些業(yè)內(nèi)英雄的鏈接(例如,Jeffrey Zeldman, Eric MeyerJason Santa Maria)。對于這些人的鏈接,我都使用了屬性rel="muse"

而這些絕對不是“浪漫關(guān)系”。我僅僅是(深刻的)崇拜他們的工作,并經(jīng)常從他們那里獲取靈感。

另外,我發(fā)現(xiàn)這里對這些“浪漫關(guān)系”的描述異常的有趣。

個人身份

me指向在另外一個不同地方(href)的自己。

我希望有一點非常明顯的是,為您自己賦值friend是多余的,雖然您會認為您是自己的朋友。同樣還包括met和其他一些屬性值。但僅僅是因為不需要這樣做,而不是因為這樣做無效。

特意的簡單 = 效率

包括我在內(nèi),作為非常關(guān)注細節(jié)的人,會非常感激使用這些簡單而搞笑的詞語。我們就簡單的接受co-worker(同事關(guān)系),而不要去爭吵究竟是不是需要添加領(lǐng)導(dǎo)還是下屬的屬性。

值得提的一點是,在使用這些屬性值的時候沒有特定的順序要求

此外,這些值是不具有對稱性的。因此,如果您引用一個人為friend而他們引用您為acquaintance,這并沒有任何邏輯上的錯誤(除非您感到異常的失落)。

指定Profile

除了在您認識的這些人的鏈接上加上rel聲明,GMPG建議您最好也讓瀏覽器和搜索引擎知道您的網(wǎng)頁支持XFN,這個工作可以通過在<head>代碼中指定XFN的資料鏈接。

對于我而言,我選擇在所有頁面中都聲明XFN的資料鏈接,因為我的<head>代碼通過一個全局文件來維護。這會讓工作容易很多,同時,可以讓rel="me"出現(xiàn)在我所有的頁面中(同樣,可以在頁腳鏈接到我的Flickr、, Delicious、iLike 和 Twitter的個人資料頁面):

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

告訴全世界

GMPG也建議讓人們知道您的網(wǎng)站是支持XFN的。他們提供了一個徽章,您可以加到自己的網(wǎng)站上:

XFN Friendly

從個人角度來說,我并不是這些按鈕或者徽章的粉絲。但是我支持這個提議,所以在我的頁腳中加上了XFN的鏈接:

<a href="http://gmpg.org/xfn" title="支持XHTML好友網(wǎng)絡(luò)">XFN</a>

XFN link in A Blog Not Limited footer

讓他變得更簡單

雖然簡單的為超鏈接添加這些屬性和屬性值不是一項特別浩大的工程,但是也有一些工具能夠幫助您更容易實現(xiàn)XFN:

  • XFN 1.1 生成器是一個基于網(wǎng)頁的向?qū)В脕斫o鏈接指定合適的XFN值,并提供多種語言支持。
  • MTMTMTMT Blogroll 2.12 Manual是一個Movable Type的插件用來為引用鏈接定義XNF關(guān)系。 MTMTMTMT Blogroll 2.12 Manual是一個Movable Type的插件用來為引用鏈接定義XNF關(guān)系。
  • XFN Link Creator也是一個為鏈接加上XFN屬性值的向?qū)А?
  • WordPress Links Manager可以配置允許您為blogroll鏈接添加XFN關(guān)系值。
  • WPWPWPWP Microformatted Blogroll 0.2是添加XFN鏈接的Word Press插件。 WPWPWPWP Microformatted Blogroll 0.2是添加XFN鏈接的Word Press插件。
  • rel-lint是一個JavaScript書簽,用來檢查那些XFN屬性值,并標(biāo)注出哪些他無法識別。

語義網(wǎng)

我知道我已經(jīng)反反復(fù)復(fù)的重復(fù)好多遍(這也肯定不是我最后一次說):語義是微格式首要的好處之一。XFN也包含在內(nèi)。

使用微格式來為網(wǎng)頁內(nèi)容添加結(jié)構(gòu)和語義,使網(wǎng)頁變得對人類對機器同樣可讀。關(guān)鍵是,他們只使用了目前已經(jīng)存在的標(biāo)準(zhǔn)中的標(biāo)記語言和數(shù)據(jù)。這點很棒!

微格式讓我們距離Tim Berners-Lee提出的語義網(wǎng)越來越近。

社交網(wǎng)絡(luò)

“語義”促使我在這個博客中大量使用微格式,這只是一方面,因為我意識到這點誘惑對于某些人來說并不那么吸引人。針對于這些人,我懷疑XFN的“社交”特性可能更重要一些。

社會搜索

Rubhub是一個社會搜索引擎,您可以在那里提交網(wǎng)站,他會被索引,并同其他網(wǎng)站進行比較,從而建立社會關(guān)系的索引。

一旦索引,您可以看到您網(wǎng)站的社交結(jié)果,包括其他網(wǎng)站如何引用(通過rel="me")您,還有其他個人是如何引用您的關(guān)系。

可視化

XFN Graph 會生成一個蛛網(wǎng)圖來展示這些站點如何互相鏈接,提供社交關(guān)系的可視化展現(xiàn)。從這里,您可以知道人們是怎么連接起來,并可以通過這個展示找到那些跟您具有相似興趣的人。

連通性

Google的Social Graph API使用XFN來使得用戶在新網(wǎng)站中交朋友更加容易。

例如,在Google提供的“My Connections”的演示程序中,顯示您如何跟其他人連接起來。這里有一個截圖:

Social Graph API My Connections for A Blog Not Limited

朋友列表

有大量的站點,尤其是那些社交網(wǎng)絡(luò)站點,都使用XFN標(biāo)記來建立好友/聯(lián)系人列表。比如,Twitter和LinkedIn都在他們的follower和聯(lián)系人鏈接上添加了rel="contact"

在看得更遠一點,一些站點發(fā)布hCard+XFN組成的好友列表,這個數(shù)據(jù)可以用來被導(dǎo)入/訂閱。(我會在第三部分中說明hCard微格式)

這為將來允許用戶在不同網(wǎng)站之間交換社交網(wǎng)絡(luò)信息打下了基礎(chǔ)。

身份統(tǒng)一

在第一部分中提到過,XFN對于身份統(tǒng)一很重要。

社交網(wǎng)絡(luò)站點

例如,很多社交網(wǎng)絡(luò)站點在他們的個人資料頁中都實現(xiàn)rel="me"屬性,包括Flickr、Twitter、LinkedIn等。所以,在任何使用其他身份的網(wǎng)頁中,分散的個人身份被重新集合在一起。(譯注:好晦澀,不會翻)

ClaimID

同樣,也有一些在線身份統(tǒng)一的服務(wù)支持XFN。例如,claimID可以讓您手動設(shè)置個人資料,集成您所有的在線身份,每一個都可以被標(biāo)注為rel="me"。這里有一個我 ClaimID個人信息的截圖,包括了這些鏈接:

Emily's claimID profile

設(shè)立ClaimID上的個人資料有一個好處就是他會給你一個OpenID。

OpenID是為用戶數(shù)字身份提供的開放的去中心化的自由框架。他使用已有的互聯(lián)網(wǎng)技術(shù)來改變存在的數(shù)字身份(例如博客、照片等),您可以使用這個身份在支持OpenID的站點上登錄。這個跟XFN并沒有直接關(guān)系,不過他很酷。

Plaxo

還有一個Plaxo’s Open Social Graph值得一提,他會根據(jù)您提供的站點URL來搜索rel="me"鏈接。然后去抓取這些鏈接。他還會搜索雙向的鏈接來確定這兩個地方(href)確實是同一個人。下面是一個抓取的截圖:

Plaxo Open Social Graph results for A Blog Not Limited

Plaxo的在線地址簿和社交網(wǎng)絡(luò)服務(wù)都支持XFN,會自動的添加rel="me"屬性到您個人資料中。我在Plaxo的個人資料頁上每一條鏈接都實現(xiàn)了rel-me的屬性標(biāo)注:

Emily's Plaxo profile

還有Google的Social Graph API中的演示應(yīng)用,“Site Connectivity”,也通過列出他之道是你的站點集合,還包括那些他認為是你的站點。下面同樣是一個截圖:

Social Graph API Site Connectivity for A Blog Not Limited

來點個性

同樣在第一部分提到過,您可以使用CSS屬性選擇器來為特定的rel定義一些風(fēng)格。例如,您希望利用XFN微格式圖標(biāo),您可以使用下面的屬性選擇器:

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

在支持CSS 2.1 規(guī)范的瀏覽器 (IE 6不支持)

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 大埔区| 谷城县| 贡嘎县| 石家庄市| 石嘴山市| 白河县| 汉源县| 喀喇| 永清县| 龙胜| 太仆寺旗| 阿尔山市| 桂东县| 兰西县| 绵阳市| 汉沽区| 宜阳县| 江口县| 屯留县| 屏东市| 罗山县| 张家川| 巴青县| 吉木萨尔县| 靖西县| 安远县| 武川县| 道孚县| 仙游县| 灵石县| 鄄城县| 大同市| 博罗县| 新邵县| 台湾省| 特克斯县| 都安| 利川市| 广丰县| 永年县| 张家界市|