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

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

非??岬奈⒏袷剑篨FN規(guī)范

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

武林網(wǎng)(www.survivalescaperooms.com)文章簡介:在這個系列文章的第一部分中,我解釋了rel微格式的不同實(shí)現(xiàn)。在解釋rel-me微格式的時(shí)候,簡要的提到了XFN微格式。

在這個系列文章的第一部分中,我解釋了rel微格式的不同實(shí)現(xiàn)。在解釋rel-me微格式的時(shí)候,簡要的提到了XFN微格式。

原文鏈接:

現(xiàn)在,我們花費(fèi)一點(diǎn)時(shí)間來好好看看這個非??岬奈⒏袷健?/p>在鏈接中放入個人信息

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

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

<a href="" rel=”me”>Twitter</a>

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

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

我們都是連接在一起的

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

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

<a href="" rel=”met colleague co-worker friend”>Ian Pitts</a>

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

我們是如何連接在一起的

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

友誼/熟悉度

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

物理特性

met──相遇──表明曾經(jīng)見過本人的關(guān)系??梢酝渌袑傩灾倒泊妗?/p>職業(yè)

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

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

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

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

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

    浪漫關(guān)系

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

    由于我嘗試微格式開始時(shí)候的疑惑,有必要解釋一下muse(獲取靈感的人)。雖然他存在于“浪漫關(guān)系”這個分類,但他衡量于同“理性”對比的角度。靈感不屬于理性,因?yàn)閷儆诶寺P(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)的自己。

    我希望有一點(diǎn)非常明顯的是,為您自己賦值friend是多余的,雖然您會認(rèn)為您是自己的朋友。同樣還包括met和其他一些屬性值。但僅僅是因?yàn)椴恍枰@樣做,而不是因?yàn)檫@樣做無效。

    特意的簡單 = 效率

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

    值得提的一點(diǎn)是,在使用這些屬性值的時(shí)候沒有特定的順序要求。

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

    指定Profile

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

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

    <head profile=”″>

    告訴全世界

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

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

    <a href="" src="http://www.survivalescaperooms.com/uploads/allimg/130804/0914446254_0.png" />

    朋友列表

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

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

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

    身份統(tǒng)一

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

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

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

    ClaimID

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

    非??岬奈⒏袷剑篨FN規(guī)范

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

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

    Plaxo

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

    非常酷的微格式:XFN規(guī)范

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

    非??岬奈⒏袷剑篨FN規(guī)范

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

    非??岬奈⒏袷剑篨FN規(guī)范

    來點(diǎn)個性

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

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

    在支持CSS 2.1 規(guī)范的瀏覽器 (IE 6不支持),這個可以被顯示為:

    延伸閱讀:

    基于鏈接關(guān)系的微格式:使用rel屬性

    為網(wǎng)頁添加hCard微格式

    發(fā)表評論 共有條評論
    用戶名: 密碼:
    驗(yàn)證碼: 匿名發(fā)表
    主站蜘蛛池模板: 陵川县| 海口市| 宁都县| 太和县| 肇东市| 莱州市| 监利县| 垦利县| 临夏市| 仙居县| 顺平县| 会同县| 区。| 海宁市| 合川市| 崇义县| 宜州市| 南部县| 攀枝花市| 大洼县| 深泽县| 沙田区| 包头市| 都安| 兴隆县| 华蓥市| 蓬莱市| 奉节县| 大丰市| 黄陵县| 密山市| 南岸区| 仲巴县| 盐城市| 沛县| 崇义县| 台南市| 宾阳县| 泰顺县| 惠来县| 霍州市|