hcard-user-profile-authoring

(Difference between revisions)

Jump to: navigation, search
m (find the minimally enclosing element: fmt for clarity)
Current revision (13:01, 7 February 2008) (view source)
(...or avatar; grammar tweaks; use "fn" to ensure that hCard based on partial instructions is valid)
 
Line 5: Line 5:
== recognizing what to markup ==
== 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:
+
Take a look at your user's profile page and note what elements in the page correspond to the following pieces of information about the person whom the profile page represents:
* username
* username
* "full name" (AKA their given-name and family-name and any additional-name(s))
* "full name" (AKA their given-name and family-name and any additional-name(s))
-
* photo
+
* photo or avatar
* hyperlink to their profile (often around their photo)
* hyperlink to their profile (often around their photo)
* links to other profiles
* links to other profiles
Line 16: Line 16:
== find the minimally enclosing element ==
== 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.
+
Now find the smallest element on the profile page that contains all of 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.
+
*Add the class name "vcard" to that minimally enclosing element.
 +
*Add the class name "fn" to the element containing the "full name".
:'''This page is a stub. ... need to add more details on specific properties for hCard user profiles...'''
:'''This page is a stub. ... need to add more details on specific properties for hCard user profiles...'''

Current revision

hCard user profile authoring

Contents


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 user's profile page and note what elements in the page correspond to the following pieces of information about the person whom the profile page represents:

find the minimally enclosing element

Now find the smallest element on the profile page that contains all of 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.

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: mapping community site "friends".

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 who 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.

related

hcard-user-profile-authoring was last modified: Thursday, February 7th, 2008

Views