亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

非??岬奈⒏袷剑篨FN規范

2024-07-11 09:03:19
字體:
來源:轉載
供稿:網友

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

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

原文鏈接:

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

在鏈接中放入個人信息

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

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

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

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

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

我們都是連接在一起的

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

例如,我經常在博客中引用我的老板兼好友,IanIanIanIanIan

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

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

我們是如何連接在一起的

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

友誼/熟悉度

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

物理特性

met──相遇──表明曾經見過本人的關系??梢酝渌袑傩灾倒泊?。

職業

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

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

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

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

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

    浪漫關系

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

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

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

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

    另外,我發現這里對這些“浪漫關系”的描述異常的有趣。

    個人身份

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

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

    特意的簡單 = 效率

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

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

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

    指定Profile

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

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

    <head profile=”″>

    告訴全世界

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

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

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

    朋友列表

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

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

    這為將來允許用戶在不同網站之間交換社交網絡信息打下了基礎。

    身份統一

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

    社交網絡站點

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

    ClaimID

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

    非常酷的微格式:XFN規范

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

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

    Plaxo

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

    非??岬奈⒏袷剑篨FN規范

    Plaxo的在線地址簿和社交網絡服務都支持XFN,會自動的添加rel="me"屬性到您個人資料中。我在Plaxo的個人資料頁上每一條鏈接都實現了rel-me的屬性標注:

    非??岬奈⒏袷剑篨FN規范

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

    非??岬奈⒏袷剑篨FN規范

    來點個性

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

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

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

    延伸閱讀:

    基于鏈接關系的微格式:使用rel屬性

    為網頁添加hCard微格式

    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
    亚洲国产精久久久久久久| 国产精品美女久久| 日韩av在线影院| 欧日韩不卡在线视频| 日韩高清有码在线| 日本韩国欧美精品大片卡二| 亚洲国产日韩欧美综合久久| 欧美性猛交xxxx偷拍洗澡| 欧美人与性动交a欧美精品| 日本精品中文字幕| 欧美日韩色婷婷| 一区二区三区天堂av| 夜夜嗨av一区二区三区免费区| 日韩在线免费视频| 国产精品美乳在线观看| 欧美成人精品一区| 国产精品96久久久久久| 日韩中文字幕精品视频| 亚洲成人激情小说| 国产一区二区三区免费视频| 亚洲女性裸体视频| 清纯唯美亚洲综合| 久久国产精品首页| 成人中文字幕+乱码+中文字幕| 日韩成人免费视频| 大胆人体色综合| 欧美在线视频导航| 欧美精品性视频| 国产午夜精品全部视频在线播放| 日韩精品中文字幕在线观看| 日韩欧美精品网址| 国产日韩中文字幕| 日产精品久久久一区二区福利| 久久好看免费视频| 久久手机精品视频| 欧美激情高清视频| 亚洲黄色片网站| 国产精品美女网站| 国产91精品最新在线播放| 性欧美长视频免费观看不卡| 国产成人精品视频在线观看| 欧美性极品xxxx娇小| 精品久久久久久久久久久| 日韩av在线网站| 中文字幕精品www乱入免费视频| 91极品视频在线| 欧美在线一区二区三区四| 亚洲综合中文字幕68页| 精品综合久久久久久97| 国产日韩欧美一二三区| 亚洲国产中文字幕在线观看| 亚洲xxxxx性| 欧美日韩免费观看中文| 美女精品视频一区| 亚洲第一在线视频| 久久中文字幕在线| 久久久噜久噜久久综合| 97免费中文视频在线观看| 日韩av网址在线观看| 高清亚洲成在人网站天堂| 国产精品极品美女在线观看免费| 成人精品在线观看| 久久久久亚洲精品成人网小说| 九九热99久久久国产盗摄| 亚洲免费视频观看| 日韩免费视频在线观看| 热99精品只有里视频精品| 欧美制服第一页| 亚洲色图激情小说| 91精品国产综合久久香蕉922| 亚洲一区精品电影| 中文字幕日韩精品在线| 欧美日韩亚洲成人| 正在播放国产一区| 日产精品99久久久久久| 中文字幕日韩高清| 日韩在线视频免费观看高清中文| 亚洲国产一区二区三区在线观看| 91在线看www| 91精品国产高清久久久久久久久| 亚洲成人教育av| 亚洲国产古装精品网站| 久久福利视频导航| 亚洲美腿欧美激情另类| 日韩在线视频观看正片免费网站| 欧美成人亚洲成人| 日韩国产高清视频在线| 亚洲色图校园春色| 911国产网站尤物在线观看| 日韩一区二区三区在线播放| 精品国产区一区二区三区在线观看| 在线日韩日本国产亚洲| 亚洲国产成人精品久久久国产成人一区| 欧美视频免费在线观看| 日韩一区视频在线| 91在线免费看网站| 欧美国产一区二区三区| 国产婷婷成人久久av免费高清| 久久精品久久久久久国产 免费| 92看片淫黄大片欧美看国产片| 欧美成人精品h版在线观看| 欧美日韩国产丝袜另类| 中文字幕日韩精品有码视频| 亚洲国产另类 国产精品国产免费| 97久久精品人搡人人玩| 国产精品亚洲美女av网站| 精品久久香蕉国产线看观看亚洲| 国产精品私拍pans大尺度在线| 亚洲福利视频网站| 亚洲男人的天堂在线播放| 亚洲精品一区二区久| 另类色图亚洲色图| 久久91精品国产91久久久| 亚洲成人网在线观看| 国产91色在线|免| 日韩欧美在线中文字幕| 欧美疯狂xxxx大交乱88av| 成人中文字幕+乱码+中文字幕| 伦伦影院午夜日韩欧美限制| 欧美成人精品不卡视频在线观看| 国产精品伦子伦免费视频| 最近2019年中文视频免费在线观看| 最近2019中文字幕在线高清| 国产美女扒开尿口久久久| 亚洲最新av在线网站| 日韩欧美成人精品| 在线成人激情视频| 久久成人综合视频| xxxxx91麻豆| 亚洲精品国产成人| 成人网欧美在线视频| 亚洲最大福利视频网| 777国产偷窥盗摄精品视频| 亚洲精品www| 狠狠操狠狠色综合网| 中文字幕亚洲综合久久筱田步美| 日韩av在线网址| 在线日韩欧美视频| 成人日韩在线电影| 国产综合在线视频| www.日韩.com| 国产成人在线视频| 日韩精品免费观看| 亚洲free性xxxx护士hd| 国产精品青草久久久久福利99| 久久伊人精品一区二区三区| 欧美不卡视频一区发布| 97国产在线视频| 91欧美激情另类亚洲| 亚洲色图欧美制服丝袜另类第一页| 成人网欧美在线视频| 在线视频欧美性高潮| 91精品国产91久久久久久| 亚洲电影在线观看| 久久久久久九九九| 亚洲国产日韩一区| 亚洲国产成人av在线| 92版电视剧仙鹤神针在线观看| 日韩av影院在线观看| 欧美日韩国产一区二区三区| 在线午夜精品自拍| 亚洲欧美日韩久久久久久| 美女撒尿一区二区三区| 亚洲国产成人精品电影|