hcard-user-profile-authoring: Difference between revisions
(stub) |
(expanded quite a bit with specific notes from experience with social network implementers) |
||
| Line 2: | Line 2: | ||
<h1>hCard user profile authoring</h1> | <h1>hCard user profile authoring</h1> | ||
{{TOC-right}} | |||
How to add hCard to a user profile page to turn it into a [[hcard-supporting-user-profile]]. | How to add [[hCard]] to a user profile page to turn it into a [[hcard-supporting-user-profile]]. | ||
== recognizing what to markup == | |||
Take a look at your profile page and note what elements in the page correspond to the following pieces of information of the person who the profile page represents: | |||
* username | |||
* "full name" (AKA their given-name and family-name and any additional-name(s)) | |||
* photo | |||
* hyperlink to their profile (often around their photo) | |||
* links to other profiles | |||
* links to instant messaging services | |||
* other contact info (like email) | |||
* location info (address, or even just city or country) | |||
See | == find the minimally enclosing element == | ||
Now find the smallest element on your profile page that contains all the above. If no such element exists short of the <code>body</code> element, you can either use the body element as the containing element, or create a new <code>div</code> that precisely surrounds just the above elements. | |||
Add the class name "vcard" to that minimally enclosing element. | |||
... This page is a stub. ... | |||
... need to add more details on specific properties for hCard user profiles... | |||
== hCard XFN friends list == | |||
In order to [[hCard-XFN-supporting-friends-lists|support hCard+XFN friends lists]], add hCard and XFN markup to the friends list on the profile page, as well as adding a rel="me" to any "View All..." type links to view the entire friends list (or even the first page thereof). | |||
=== friends vs acquaintances vs contacts === | |||
See [[xfn-clarifications]]. | |||
=== fan of vs my fans === | |||
Markup any "fan of" links as rel="acquaintance". | |||
There is no current XFN or microformat for marking up the link relationship to people that are "my fans", however, you {{may}} use rel="fan" as a [[poshformat]] way of marking it up. rel="fan" should only be placed on links to people are fans of the current profile. However links to people that the current profile is a fan of {{must not}} be marked up with rel="fan". | |||
See [[xfn-brainstorming]] for more discussion on marking up fans of vs. my fans. | |||
== for more == | |||
See [[hcard-authoring|hCard authoring]]. | |||
== related == | |||
* [[hCard supporting user profiles]] | |||
* [[hCard XFN supporting friends lists]] | |||
* [[social network portability]] | |||
Revision as of 02:32, 7 February 2008
This article is actively undergoing a major edit for a short while. As a courtesy, please do not edit this page while this message is displayed. The user who added this notice will be listed in the page history. If this page has not been edited for over an hour, please remove this template. This message is intended to help reduce edit conflicts; please remove it between editing sessions to allow others to edit the page. |
hCard user profile authoring
How to add hCard to a user profile page to turn it into a hcard-supporting-user-profile.
recognizing what to markup
Take a look at your profile page and note what elements in the page correspond to the following pieces of information of the person who the profile page represents:
- username
- "full name" (AKA their given-name and family-name and any additional-name(s))
- photo
- hyperlink to their profile (often around their photo)
- links to other profiles
- links to instant messaging services
- other contact info (like email)
- location info (address, or even just city or country)
find the minimally enclosing element
Now find the smallest element on your profile page that contains all the above. If no such element exists short of the body element, you can either use the body element as the containing element, or create a new div that precisely surrounds just the above elements.
Add the class name "vcard" to that minimally enclosing element.
... This page is a stub. ... ... need to add more details on specific properties for hCard user profiles...
hCard XFN friends list
In order to support hCard+XFN friends lists, add hCard and XFN markup to the friends list on the profile page, as well as adding a rel="me" to any "View All..." type links to view the entire friends list (or even the first page thereof).
friends vs acquaintances vs contacts
See xfn-clarifications.
fan of vs my fans
Markup any "fan of" links as rel="acquaintance".
There is no current XFN or microformat for marking up the link relationship to people that are "my fans", however, you MAY use rel="fan" as a poshformat way of marking it up. rel="fan" should only be placed on links to people are fans of the current profile. However links to people that the current profile is a fan of MUST NOT be marked up with rel="fan".
See xfn-brainstorming for more discussion on marking up fans of vs. my fans.
for more
See hCard authoring.