hcard-parsing: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (forward compatible parsing)
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(71 intermediate revisions by 11 users not shown)
Line 1: Line 1:
= hCard parsing =
{{DISPLAYTITLE:hCard parsing}}


by [http://tantek.com/log/ Tantek Çelik]
by [http://tantek.com/log/ Tantek Çelik]
Line 12: Line 12:


== scope ==
== scope ==
Although this page is written specifically to explain how to parse [[hcard|hCard]], the concepts and algorithms contained therein serve as an example for how other [[compound-microformat|compound microformats]] are to be parsed.
== URL handling ==
An hCard parser may begin with a <abbr title="Uniform Resource Locator">URL</abbr> to retrieve.
If the <abbr>URL</abbr> lacks a [http://www.w3.org/TR/html401/intro/intro.html#h-2.1.2 fragment identifier], then the parser should parse the entire retrieved resource for [[hcard|hCards]].


Although this page is written specifically to explain how to parse [[hcard|hCard]], the concepts and algorithms contained therein serve as an example for how other [[compound-microformat|compound microformats]] are to be parsed.
If the <abbr>URL</abbr> has a fragment identifier, then the parser should parse ''only'' the node indicated by the fragment identifier and its descendants, looking for [[hcard|hCards]], starting with the indicated node, which may itself be a single [[hcard|hCard]].


== root class name ==
== root class name ==
Each compound microformat starts with a root element with a relatively unique class name.  By that I mean a class name which isn't simply  a common word, and is unlikely to have been used outside the context of the microformat.  By choosing such a root class name the microformat avoids (for all practical purposes) colliding with existing class names that may exist within the (X)HTML context.  This is essential to enabling such compound microformats to be ''embedded'' inside current, existing content, as well as future content.
Each compound microformat starts with a root element with a relatively unique class name.  By that I mean a class name which isn't simply  a common word, and is unlikely to have been used outside the context of the microformat.  By choosing such a root class name the microformat avoids (for all practical purposes) colliding with existing class names that may exist within the (X)HTML context.  This is essential to enabling such compound microformats to be ''embedded'' inside current, existing content, as well as future content.


Line 26: Line 31:


== finding hCards ==
== finding hCards ==
An (X)HTML document indicates that it may contain [[hcard|hCards]] by referencing the [[hcard-profile|hCard XMDP profile]].  See [http://gmpg.org/xmdp/description XMDP] for more details.


An (X)HTML document indicates that it may contain hCards by referencing the [[hcard-profile|hCard XMDP profile]].  See [http://gmpg.org/xmdp/description XMDP] for more details.
A parser finds [[hcard|hCards]] in an (X)HTML context by looking for elements with the root class name ''vcard'' just as the following [http://www.w3.org/TR/REC-CSS2/selector.html#class-html CSS class selector] does:
 
A parser finds hCards in an (X)HTML context by looking for elements with the root class name "vcard" just as the following CSS class selector does:
<pre>
<pre>
  .vcard
  .vcard
</pre>
</pre>


For example, the following CSS style rule sets the background of all hCards to green:
For example, the following CSS style statement sets the background of all [hcard|hCards] to green:
<pre>
<pre>
  .vcard { background: green; }
  .vcard { background: green; }
Line 47: Line 51:
* <code>&lt;li class="reviewer vcard first"&gt; &lt;/li&gt;</code>
* <code>&lt;li class="reviewer vcard first"&gt; &lt;/li&gt;</code>


Once the root element of an hCard is found, that element and all its descendants are all that is needed to parse the hCard.
Once the root element of an [[hCard]] is found, that element and all its descendants (except those inside nested hCards) are all that is needed to parse the [[hCard]].
 
Thus it is possible for a well-formed [[hCard]] to be extracted from an overall non well-formed context, if the parser has the ability to find elements by class name within that non well-formed context.
 
== nested hCards ==
When parsing an hCard, if a parser finds a nested hCard, it should treat that hCard as its own object, and treat properties of the nested hCard as only belonging to the nested hCard, not the containing hCard.


Thus it is possible for a well-formed hCard to be extracted from an overall non well-formed context, if the parser has the ability to find elements by class name within that non well-formed context.
This is essential for example for handling use of the "agent" property to nest an hCard that is the agent of another hCard.  See [[hcard-examples-rfc2426#AGENT_Example_2|hCard examples from RFC2426 AGENT Example 2]] for an actual example.


== parsing hCard properties ==
Similarly, parsers should treat nested [[hCalendar]], [[hReview]], [[hResume]] [[xFolk]] in the same way, properties inside them {{must}} only apply to the nested microformat, not to the containing microformat.


=== hCard properties ===
All references below to "inside the hCard", "within the contents of the hCard", and similar phrasing {{must}} be interpreted with taking this nesting rule into account.


== hCard properties ==
The complete list of class names for hCard properties are documented in the [[hcard-profile|hCard profile]].
The complete list of class names for hCard properties are documented in the [[hcard-profile|hCard profile]].


=== forward compatible parsing ===
=== forward compatible parsing ===


When parsing the contents of an hCard, any unrecongized class names must be ignored by an hCard parser.
When parsing the contents of an [[hCard]], any unrecognized class names must be ignored.
 
Similarly, unrecognized values for [[hCard]] properties must also be ignored.
 
=== finding hCard properties ===
To parse an hCard for an hCard property (e.g. "fn"), the parser simply looks for the first element with that class name inside the hCard.
 
This can also be expressed as the first element that matches this CSS selector:
 
<pre>
.vcard .fn /* note exception for nested hCards, see below */
</pre>
 
Some properties, like "fn", should only appear once, and thus the parser stops looking for the property after it has found the first occurrence in document order.  Additional occurrences are ignored.
 
Other properties, like "adr", "email", "url", "tel", etc., may (and often do) appear more than once, and thus the parser continues to look for each occurrence within the contents of the hCard.
 
==== not finding nested hCard properties ====
Per the [[#nested_hCards|nested hCards rule]], properties inside a nested hCard {{must not}} apply to the current hCard being parsed.  E.g. elements with class name "fn" that match this CSS selector:
 
<pre>
.vcard .vcard .fn
</pre>
 
{{must not}} affect the outer hCard.
 
=== parsing hCard properties and values ===
In general, once an element for a property is found, that element is used for the value.
 
In particular, once an element for a property is found:
# first, look for [[hcard-parsing#class_value_handling|class value children]] and use them as [[hcard-parsing#class_value_handling|described below]]
# otherwise, if there is a [[hcard-parsing#more_semantic_exceptions|more semantic exception]], use that as [[hcard-parsing#more_semantic_exceptions|described below]]
# finally, always fallback to using the contents of the element for the value
 
==== class value handling ====
 
For all properties, if the element for a property has one or more children with a class name of "value", then concatenate the node values for all those child elements with class name of "value", in their document order, and use that concatenation as the value of the property. (also called value excerpting)
 
==== more semantic exceptions ====
 
There are several exceptions to accomodate [http://microformats.org/wiki/hcard#Semantic_XHTML_Design_Principles semantic XHTML and more semantic equivalents].
 
===== email property =====
For the "email" property in particular, when the element is:
* <code>&lt;a href="mailto:..."&gt;</code> OR <code>&lt;area href="mailto:..."&gt;</code> : parse the value of the 'href' attribute, omitting the "mailto:" prefix and any "?" query suffix (if present), in the attribute. For details on the "mailto:" URL scheme, see RFC 2368.
 
===== tel property =====
For the "tel" property in particular, when the element is:
* <code>&lt;a href="tel:..."&gt;</code> OR <code>&lt;area href="tel:..."&gt;</code> : parse the value of the 'href' attribute, omitting the "tel:" prefix and any "?" query suffix (if present), in the attribute. For details on the "tel:" URL scheme, see RFC 2806.
 
===== properties of type URL or URI =====
For properties that may take type URL or URI parsers MUST handle relative URLs/URIs and normalize them to their respective absolute URLs/URIs, following the containing document's language's rules for resolving relative URLs/URIs (e.g. &lt;base&gt; for HTML, xml:base for XML).
 
===== properties of type URL or URI or UID =====
For properties that may take type URL, URI, or UID, when the element for that property is:
* <code>&lt;a href&gt;</code>  OR <code>&lt;area href&gt;</code> : use the value of the 'href' attribute.
* <code>&lt;img src&gt;</code> : use the value of the 'src' attribute.  If the 'src' is a "data:" URL, use the MIME type in that "data:" URL for the TYPE subproperty.
* <code>&lt;object data&gt;</code> : use the value of the 'data' attribute for the value. If the 'data' is a "data:" URL, use the MIME type in that "data:" URL for the TYPE subproperty, otherwise if the  the 'type' attribute is present, us that for the TYPE subproperty.
 
===== properties not of type URL or URI or UID =====
For properties with values NOT of type URL, URI, or UID, when the element for a property is:
* <code>&lt;img alt&gt;</code> OR <code>&lt;area alt&gt;</code> : use the value of the 'alt' attribute.
 
===== all properties =====
For all properties, when the element for a property is:
* <code>&lt;abbr title&gt;</code>: use the value of the 'title' attribute.  If there is no 'title' attribute then use the contents of the element.
** For properties which take an ISO8601 datetime value, parsers *should* pad any necessary precision (e.g. seconds), and *should* normalize any datetimes with timezone offsets, (e.g. <code>20050814T2305-0700</code>) into UTC (<code>20050815T060500Z</code>).  Note that floating dates and times MUST NOT be made into UTC/Z absolute time zoned values.
* <code>&lt;br /&gt;</code> OR <code>&lt;hr /&gt;</code>: the value is the empty string.  These two elements do not represent any semantics and thus it is probably an error (at least an abuse) for an author to use them with microformats class names.  Nonetheless, if found, treat the value as empty.
* <code>&lt;data value&gt;</code>: use the value of the 'value' attribute.  If there is no 'value' attribute then use the contents of the element.
* <code>&lt;time datetime&gt;</code>: use the value of the 'datetime' attribute.  If there is no 'datetime' attribute then use the contents of the element.
 
==== white-space handling ====
 
hCard parsers should handle white-space parsing per XML white-space handling rules, with the following two additions:
 
# <code>&lt;pre&gt;</code> handling.  Any content parsed as part of an hCard property that is inside a &lt;pre&gt; element must preserve all white-space per XML white-space preservation rules.
# <code>&lt;br /&gt;</code> handling.  Any occurrence of a <code>&lt;br /&gt;</code> inside the element(s) for a value must be treated as a carriage-return (\n) in the respective location in the value.
 
=== hCard sub-properties ===
 
There are some hCard properties whose values themselves have structure (AKA structured type value) and are composed of multiple pieces, which we refer to as sub-properties.
 
For example, the "n" property consists of the sub-properties "family-name", "given-name", "additional-name", "honorific-prefix", and "honorific-suffix".
 
E.g. from section 3.1.2 of RFC 2426, modified to include Ph.D.
 
<pre>
N:Public;John;Quinlan;Mr.;Esq.,Ph.D.
</pre>
 
In [[hCard]] this "n" property would be marked up as
 
<pre>
<span class="n">
<span class="honorific-prefix">Mr.</span>
<span class="given-name">John</span>
<span class="additional-name">Quinlan</span>
<span class="family-name">Public</span>,
<span class="honorific-suffix">Esq.</span>,
<span class="honorific-suffix">Ph.D.</span>
</span>
</pre>
 
Which would be rendered as:
 
Mr. John Quinlan Public, Esq., Ph.D.
 
=== hCard property parameters ===
 
Some hCard properties have one or more parameters, most often "type", with an enumerated set of values.  We represent the specific ''value'' of the parameter as a class name on an element inside the element representing the property.


Similarly, unrecognized values for hCard properties must also be ignored.
For example, the "adr" property has a type parameter which takes the values: "dom", "intl", "post", "parcel", "home", "work", "pref".


The "type" parameter is treated like a sub-property.


& & & & & & & & & & & & &
To encode the "type" of an "adr" property, a nested element with class="type" is used to markup the value of the type parameter.


=== Work In Progress ===
Example with the "tel" property with a value of type "work":


I'm still in the process of writing this document.  Please avoid non-trivial editsThanks, [http://tantek.com/log/ Tantek]
<pre>
<span class="tel">
<span class="type">work</span>:
<span class="value">+1.123.456.7890</span>
</span>
</pre>
 
=== Value excerpting ===
 
Note the element with class="value" used in the above example.
 
Sometimes only part of an element which is the equivalent for a property should be used for the value of the property. This typically occurs when a property has a subtype, like TEL. For this purpose, the special class name "value" is introduced to excerpt out the subset of the element that is the value of the property.
 
Per the section in hCard on [[hcard#type_with_unspecified_value|type with unspecified value]], if the subtype is specified on a property, and there is no descendant of the property element with class name of "value", then the remainder (excluding the subtype) of the property element is considered the value.
 
== Include Pattern and Table Headers ==
 
When processing elements from the [[include-pattern]] or table headers inclusion methods, such elements should be processed as if they were inline.
 
== Proposed Additions ==
These are proposed additions to hCard parsing.  Implementations MAY follow these conventions in order to gain implementation experience, and SHOULD report back on the results.
 
=== DEL element handling ===
 
When dealing with an HTML document that is hCard encoded, the parser SHOULD  honor the <code>&lt;del&gt;</code> element.
 
There are two possibilities here (adopting both may be possible):
 
1. Skip any occurences of <code>&lt;del&gt;</code> elements and their contents entirely inside the contents of a property.
 
2. If the <code>&lt;del&gt;</code> element is used for a property itself, it could be useful as a way communication the of tombstoning / obsoleting of that particular property value, and thus while a parser that is converting to a vCard SHOULD simply do what is indicated in (1), applications which parsed hCard directly (rather than only supporting vCard) COULD treat such occurences of <code>&lt;del&gt;</code> elements as a way to remove obsolete information (with user confirmation of course) from a local contact information store.
 
=== Plain Text Formatting of Structural/Semantic HTML ===
There are several structural/semantic elements in HTML which have useful default styling which could be converted into ASCII (AKA Plain Text) equivalents as a low resolution way of communicating that structure. Note that <code>&lt;br /&gt;</code> and <code>&lt;pre&gt;</code> are already handled in the section above titled [http://microformats.org/wiki/hcard-parsing#white-space_handling White-space Handling].
 
When parsing the hCard <code>note</code> property (or <code>description</code> in hCalendar and hReview), hierarchically convert the following HTML tags into their plain text styling equivalents.
 
* <code>&lt;div&gt;</code>, <code>&lt;/div&gt;</code>, <code>&lt;dl&gt;</code>,  <code>&lt;/dl&gt;</code>, <code>&lt;dt&gt;</code>, <code>&lt;/li&gt;</code>, <code>&lt;/dd&gt;</code> - Append a soft <code>\n</code> to the output. By "soft <code>\n</code>", we mean only do so if there isn't already a line break (in contrast to a "hard" (implied by default) <code>\n</code>).  Two things in particular order to ensure that <code>&lt;div&gt; &lt;div&gt;</code> does not result in two <code>\n</code> characters in a row:
*# only output the <code>\n</code> if something other than whitespace (including  <code>\n</code>) was outputted immediately previously.
*# omit any immediately subsequent whitespace characters.
* <code>&lt;li&gt;</code> - Append a soft <code>\n</code> and then </code> * </code>. (Note: Indenting the contents of the list item is not particularly practical, since that would require line-breaking, and that would depend on knowing the width of when the plain text is rendered.  Wrapping to 70 characters may be a good assumption for plain text email, but is probably a very bad assumption for vCard output).
* <code>&lt;/dt&gt;</code> - Append <code>:\n</code>
* <code>&lt;dd&gt;</code> - Append a soft <code>\n</code> and then </code>  </code> (two space ASCII 32 characters).
* <code>&lt;h1&gt;</code>, <code>&lt;/h1&gt;</code>, <code>&lt;h2&gt;</code>, <code>&lt;/h2&gt;</code>, <code>&lt;h3&gt;</code>, <code>&lt;/h3&gt;</code>, <code>&lt;h4&gt;</code>, <code>&lt;/h4&gt;</code>, <code>&lt;h5&gt;</code>, <code>&lt;/h5&gt;</code>, <code>&lt;h6&gt;</code>, <code>&lt;/h6&gt;</code> - Append a soft <code>\n</code> followed by a hard <code>\n</code>.  (Note: we may want to consider some conventions to indicate the heading level.  Perhaps only the relative heading level inside the property matters, e.g. whatever level HTML heading is seen first is treated as a first level heading, then any subsequent HTML heading elements are treated relative to that original heading (this is because it is likely that the property is embedded somewhere deep inside an HTML document following higher heading levels).  Any subsequent higher level headings should perhaps cause a warning, and then simply be treated as a first level heading.  Given that, the [http://microformats.org/wiki/wiki-formats#straw_proposals straw proposal for heading syntax] from Ian Hickson is one reasonable possibility, with the only issue being that for first and second level headings, how wide to make the line of '-'s or '='s, which is a similar problem to the line-breaking problem noted above when considering indenting the contents of list-items.  Thus perhaps it might be sufficient to simply set a first level heading in ALL CAPS (same as the third level heading in Ian's proposed syntax), and let second and deeper level headings be simply implied by the "one line of text with two line breaks both before and after" convention.  Rarely has there been more than one level of heading found within a DESCRIPTION property, and I've never seen more than two even if it is possible.)
* <code>&lt;p&gt;</code>, <code>&lt;/p&gt;</code> - Append a soft <code>\n</code> followed by a hard <code>\n</code>. (Note: Typical books indent the start of a paragraph approximately three spaces "<code>  </code>", and implementations may wish to consider doing so as well. Keep in mind that on the Web, typical paragraphs do not start with a first line indent.)
* <code>&lt;q&gt;</code>, <code>&lt;/q&gt;</code> - Append a double-quote '"' character.
* <code>&lt;sub&gt;</code> - Append an open parenthesis "("
* <code>&lt;/sub&gt;</code> - Append a a close parenthesis ")".
* <code>&lt;sup&gt;</code> - Append an open bracket "["
* <code>&lt;/sup&gt;</code> - Append a a close bracket "[".  <code>&lt;sup&gt;</code> are often used for footnotes which in plain text are often formatted as bracketed numbers.
* <code>&lt;table&gt;</code>, <code>&lt;/table&gt;</code>, <code>&lt;tbody&gt;</code>, <code>&lt;/tbody&gt;</code>, <code>&lt;thead&gt;</code>, <code>&lt;/thead&gt;</code>, <code>&lt;tfoot&gt;</code>, <code>&lt;/tfoot&gt;</code>, <code>&lt;tr&gt;</code>, <code>&lt;/tr&gt;</code>, <code>&lt;caption&gt;</code>, <code>&lt;/caption&gt;</code> - Append a soft <code>\n</code>Of course one could try to do a lot more with representing the structure of the table, but that is almost certainly more work than it is worth, nevermind the complexities introduced by COLSPAN, ROWSPAN etc.  At least by approximating the table sections and rows the table may be more readable.
* <code>&lt;/td&gt;</code>, <code>&lt;/th&gt;</code> - Append a space and a tab character (ASCII 32, ASCII 9 respectively).  It's not clear that what subsequent application would be able to make use of this visually, but at least the tabular nature of the structure is indicated and it makes it possible to copy and paste the table into something that handles tabular content like a spreadsheet and have the tabular structure reflected.
 
 
==== More challenging elements ====
* <code>&lt;ol&gt;</code> - it would be nice to number list items inside an ordered list rather than bullet them, but keeping track of list item numbers/counts is a non-trivial piece of state information for the parser to deal with, and thus we are omitting this behavior for now.
 
 
==== Use of CSS computed styles instead of HTML default styles ====
Rather than assuming the default presentation for these elements, and using that for the basis of plain text formatting, a parser could use the respective equivalent computed style properties and use those insteadHowever, requiring an hCard parser to also implement Cascading Style Sheets (e.g. CSS1) is out of scope.  Some environments (i.e. a browser DOM) may already provide this information, and in that case, it may be easy for an hCard parser (e.g. a clientside javascript parser) to use computed style properties.  E.g. instead of the elements above, the following computed styles could be used:
* display:block - Append a soft <code>\n</code>
** text-indent (non-zero value, on an element with display:block or display:list-item) - Append a number of spaces equivalent to value of the text-ident property divided by the computed font-size property of the element.
** margin-top, margin-bottom (non-zero value, on an element with display:block or display:list-item) - Append a number of "\n" equivalent to the value divided by the computed font-size property of the element.  Obviously this won't properly collapse vertical margins.
* display:list-item - Append a soft <code>\n</code> followed by " * "
* etc. 
This is enough extra work that I'm not sure it is worth spending the time documenting more equivalents.  The above are sufficient to illustrate the possibility.
 
== Outstanding Issues ==
 
=== Issues 3 ===
 
Might be worth considering defining the parsing in terms of the DOM, so that it applies to HTML and XHTML equally without ambiguity.
 
== Resolved Issues ==
 
This section is informative.
 
The following issues have been explored and resolved inline in the text of hcard-parsing above.
 
=== Resolved as of 2005-09-16 ===
 
==== ISSUE 1 ====
 
Should we make plural sub-property names into singular versions and simply allow multiple instances?  I.e. the singular honorific prefix would make more sense if it was classed as such, and the list implied by the value for honorific-suffixes could be made more explicit (and thus more easily machine parseable):
 
<pre>
<span class="n">
<span class="honorific-prefix">Mr.</span>
<span class="given-name">John</span>
<span class="additional-names">Quinlan</span>
<span class="family-name">Public</span>,
<span class="honorific-suffix">Esq.</span>,
<span class="honorific-suffix">Ph.D.</span>
</span>
</pre>
 
RESOLUTION: Adopt singular class name equivalents for plural property and sub-property names.
 
 
==== ISSUE 2 ====
 
Restricting the "type" sub-property values to being expressed in class names seems less than ideal.  It's taking a piece of information which is very often visible in the content, and forcing it to be invisible.
 
Here is an example of an extensive bit of contact information on a web page:
 
http://www.patchlink.com/company/contact.html
 
<pre>
Mailing Address
3370 N. Hayden Road, #123-175
Scottsdale, AZ 85251-6632
 
Physical Address
8515 E Anderson
Scottsdale, AZ 85255
</pre>
 
Note that the type information for each "adr" is explicit in the content.  This content could be marked up like this:
 
<pre>
<div class="adr">
<abbr style="display:block" class="type" title="postal,parcel">Mailing Address</abbr>
<div class="street-address">3370 N. Hayden Road, #123-175</div>
<span class="locality">Scottsdale</span>, <span class="region">AZ</span>
<span class="postal-code">85251-6632</span>
</div>
<div class="adr">
<abbr style="display:block" class="type" title="work,pref">Physical Address</abbr>
<div class="street-address">8515 E Anderson</div>
<span class="locality">Scottsdale</span>, <span class="region">AZ</span>
<span class="postal-code">85255</span>
</div>
</pre>
 
RESOLUTION: The "type" parameter MUST be marked-up when content is available (like the above two examples).  We are ditching the type-value-as-another class name pattern.
 
In addition since there are some potentical problems with the "type" parameter for TEL and EMAIL properties. Since there are no defined sub-properties (unlike ADR's post-code, locality, etc) the entire node-value of TEL is taken as the value. For example:
<pre>
<span class="tel">+1.123.456.7890 <abbr class="type" title="work">(work)</abbr></span>
</pre>
would be represented in vCard as:
<pre>
TEL;TYPE=work:+123.456.7890 (work)
</pre>
 
We are introducing another sub-property class="value" to enable excerpting of a the value of an element of for a property.
 
<pre>
<span class="tel"><span class="value">+1.123.456.7890</span> <abbr class="type" title="work">(work)</abbr></span>
</pre>
 
Then parsers would first need to look for class="value" and take the node value of that if it exists rather than class="tel".
 
If one or more child elements with the class name of "value" are present inside the element for a property, then concatenate the node values of those child elements (in the order found) and use that as the value of the property.  This would be before using the node value of the element for a property itself.


== References ==
== References ==


=== Normative References ===
=== Normative References ===
* [[hcard|hCard]]
* vCard (RFC 2426)
* vCard (RFC 2426)
* [http://w3.org/TR/XHTML1 XHTML 1.0 Recommendation]
* [http://w3.org/TR/XHTML1 XHTML 1.0 Recommendation]
Line 80: Line 354:
=== Informative References ===
=== Informative References ===
* [http://w3.org/TR/REC-CSS1 CSS1 Recommendation]
* [http://w3.org/TR/REC-CSS1 CSS1 Recommendation]
== Related Pages ==
{{hcard-related-pages}}

Latest revision as of 16:26, 18 July 2020


by Tantek Çelik

introduction

When I first conceived of hCard, it was clear to me how to unambiguously parse both for the existence of hCards in arbitrary (X)HTML (and anywhere that arbitrary (X)HTML can be embedded, e.g. RSS, Atom, "generic XML"), and hCard properties and values.

I worked directly with Brian Suda to capture these thoughts in an implementation, and Brian wrote X2V, an XSLT script that converts hCards to vCards, thus simultaneously demonstrating the parsability of hCards, and the immediate utility of hCard content interoperating with widespread existing vCard applications.

I am now documenting those thoughts directly here so that additional implementations, rather than having to reverse engineer X2V, can be built directly from these elementary concepts.

scope

Although this page is written specifically to explain how to parse hCard, the concepts and algorithms contained therein serve as an example for how other compound microformats are to be parsed.

URL handling

An hCard parser may begin with a URL to retrieve.

If the URL lacks a fragment identifier, then the parser should parse the entire retrieved resource for hCards.

If the URL has a fragment identifier, then the parser should parse only the node indicated by the fragment identifier and its descendants, looking for hCards, starting with the indicated node, which may itself be a single hCard.

root class name

Each compound microformat starts with a root element with a relatively unique class name. By that I mean a class name which isn't simply a common word, and is unlikely to have been used outside the context of the microformat. By choosing such a root class name the microformat avoids (for all practical purposes) colliding with existing class names that may exist within the (X)HTML context. This is essential to enabling such compound microformats to be embedded inside current, existing content, as well as future content.

Fortunately this is not a new problem to solve. The root object names chosen for vCard (RFC 2426) and iCalendar (RFC 2445) similarly had to avoid such collisions and did so by choosing names that were unlikely to have been introduced into a MIME object context. The principle of reuse dictates that we should reuse the names for these root objects in those RFCs rather than invent our own. Given the same semantics, a design should reuse the names, rather than inventing a second name for the same semantic (a common design mistake made in environments that require namespaces).

In the vCard specification, the names are case-insensitive due to the (lack of) requirements of their context. (X)HTML class names are case sensitive per those specifications. Thus we are required to pick a canonical case for the class name equivalents of vCard object and property names. All lowercase is chosen to follow the precedent (i.e. reuse the pattern) set by XHTML, which similarly had to canonicalize the case of element and attribute names that it took from HTML4, which itself was case-insensitive due to its context (SGML). Additionally, reasons for avoiding mixed-case (e.g. camel case) in the context of class names may be found in the essay A Touch of Class, specifically, the section titled Class sensitivity.

Thus the root class name of an hCard is "vcard".

finding hCards

An (X)HTML document indicates that it may contain hCards by referencing the hCard XMDP profile. See XMDP for more details.

A parser finds hCards in an (X)HTML context by looking for elements with the root class name vcard just as the following CSS class selector does:

 .vcard

For example, the following CSS style statement sets the background of all [hcard|hCards] to green:

 .vcard { background: green; }

Note that the (X)HTML class attribute is a space separated set of class names.

Thus all of the following are valid hCard root elements:

  • <div class="vcard"> </div>
  • <span class="attendee vcard"> </span>
  • <address class="vcard author"> </address>
  • <li class="reviewer vcard first"> </li>

Once the root element of an hCard is found, that element and all its descendants (except those inside nested hCards) are all that is needed to parse the hCard.

Thus it is possible for a well-formed hCard to be extracted from an overall non well-formed context, if the parser has the ability to find elements by class name within that non well-formed context.

nested hCards

When parsing an hCard, if a parser finds a nested hCard, it should treat that hCard as its own object, and treat properties of the nested hCard as only belonging to the nested hCard, not the containing hCard.

This is essential for example for handling use of the "agent" property to nest an hCard that is the agent of another hCard. See hCard examples from RFC2426 AGENT Example 2 for an actual example.

Similarly, parsers should treat nested hCalendar, hReview, hResume xFolk in the same way, properties inside them MUST only apply to the nested microformat, not to the containing microformat.

All references below to "inside the hCard", "within the contents of the hCard", and similar phrasing MUST be interpreted with taking this nesting rule into account.

hCard properties

The complete list of class names for hCard properties are documented in the hCard profile.

forward compatible parsing

When parsing the contents of an hCard, any unrecognized class names must be ignored.

Similarly, unrecognized values for hCard properties must also be ignored.

finding hCard properties

To parse an hCard for an hCard property (e.g. "fn"), the parser simply looks for the first element with that class name inside the hCard.

This can also be expressed as the first element that matches this CSS selector:

.vcard .fn /* note exception for nested hCards, see below */

Some properties, like "fn", should only appear once, and thus the parser stops looking for the property after it has found the first occurrence in document order. Additional occurrences are ignored.

Other properties, like "adr", "email", "url", "tel", etc., may (and often do) appear more than once, and thus the parser continues to look for each occurrence within the contents of the hCard.

not finding nested hCard properties

Per the nested hCards rule, properties inside a nested hCard MUST NOT apply to the current hCard being parsed. E.g. elements with class name "fn" that match this CSS selector:

.vcard .vcard .fn

MUST NOT affect the outer hCard.

parsing hCard properties and values

In general, once an element for a property is found, that element is used for the value.

In particular, once an element for a property is found:

  1. first, look for class value children and use them as described below
  2. otherwise, if there is a more semantic exception, use that as described below
  3. finally, always fallback to using the contents of the element for the value

class value handling

For all properties, if the element for a property has one or more children with a class name of "value", then concatenate the node values for all those child elements with class name of "value", in their document order, and use that concatenation as the value of the property. (also called value excerpting)

more semantic exceptions

There are several exceptions to accomodate semantic XHTML and more semantic equivalents.

email property

For the "email" property in particular, when the element is:

  • <a href="mailto:..."> OR <area href="mailto:..."> : parse the value of the 'href' attribute, omitting the "mailto:" prefix and any "?" query suffix (if present), in the attribute. For details on the "mailto:" URL scheme, see RFC 2368.
tel property

For the "tel" property in particular, when the element is:

  • <a href="tel:..."> OR <area href="tel:..."> : parse the value of the 'href' attribute, omitting the "tel:" prefix and any "?" query suffix (if present), in the attribute. For details on the "tel:" URL scheme, see RFC 2806.
properties of type URL or URI

For properties that may take type URL or URI parsers MUST handle relative URLs/URIs and normalize them to their respective absolute URLs/URIs, following the containing document's language's rules for resolving relative URLs/URIs (e.g. <base> for HTML, xml:base for XML).

properties of type URL or URI or UID

For properties that may take type URL, URI, or UID, when the element for that property is:

  • <a href> OR <area href> : use the value of the 'href' attribute.
  • <img src> : use the value of the 'src' attribute. If the 'src' is a "data:" URL, use the MIME type in that "data:" URL for the TYPE subproperty.
  • <object data> : use the value of the 'data' attribute for the value. If the 'data' is a "data:" URL, use the MIME type in that "data:" URL for the TYPE subproperty, otherwise if the the 'type' attribute is present, us that for the TYPE subproperty.
properties not of type URL or URI or UID

For properties with values NOT of type URL, URI, or UID, when the element for a property is:

  • <img alt> OR <area alt> : use the value of the 'alt' attribute.
all properties

For all properties, when the element for a property is:

  • <abbr title>: use the value of the 'title' attribute. If there is no 'title' attribute then use the contents of the element.
    • For properties which take an ISO8601 datetime value, parsers *should* pad any necessary precision (e.g. seconds), and *should* normalize any datetimes with timezone offsets, (e.g. 20050814T2305-0700) into UTC (20050815T060500Z). Note that floating dates and times MUST NOT be made into UTC/Z absolute time zoned values.
  • <br /> OR <hr />: the value is the empty string. These two elements do not represent any semantics and thus it is probably an error (at least an abuse) for an author to use them with microformats class names. Nonetheless, if found, treat the value as empty.
  • <data value>: use the value of the 'value' attribute. If there is no 'value' attribute then use the contents of the element.
  • <time datetime>: use the value of the 'datetime' attribute. If there is no 'datetime' attribute then use the contents of the element.

white-space handling

hCard parsers should handle white-space parsing per XML white-space handling rules, with the following two additions:

  1. <pre> handling. Any content parsed as part of an hCard property that is inside a <pre> element must preserve all white-space per XML white-space preservation rules.
  2. <br /> handling. Any occurrence of a <br /> inside the element(s) for a value must be treated as a carriage-return (\n) in the respective location in the value.

hCard sub-properties

There are some hCard properties whose values themselves have structure (AKA structured type value) and are composed of multiple pieces, which we refer to as sub-properties.

For example, the "n" property consists of the sub-properties "family-name", "given-name", "additional-name", "honorific-prefix", and "honorific-suffix".

E.g. from section 3.1.2 of RFC 2426, modified to include Ph.D.

N:Public;John;Quinlan;Mr.;Esq.,Ph.D.

In hCard this "n" property would be marked up as

<span class="n">
 <span class="honorific-prefix">Mr.</span>
 <span class="given-name">John</span>
 <span class="additional-name">Quinlan</span>
 <span class="family-name">Public</span>,
 <span class="honorific-suffix">Esq.</span>,
 <span class="honorific-suffix">Ph.D.</span>
</span>

Which would be rendered as:

Mr. John Quinlan Public, Esq., Ph.D.

hCard property parameters

Some hCard properties have one or more parameters, most often "type", with an enumerated set of values. We represent the specific value of the parameter as a class name on an element inside the element representing the property.

For example, the "adr" property has a type parameter which takes the values: "dom", "intl", "post", "parcel", "home", "work", "pref".

The "type" parameter is treated like a sub-property.

To encode the "type" of an "adr" property, a nested element with class="type" is used to markup the value of the type parameter.

Example with the "tel" property with a value of type "work":

<span class="tel">
 <span class="type">work</span>: 
 <span class="value">+1.123.456.7890</span>
</span>

Value excerpting

Note the element with class="value" used in the above example.

Sometimes only part of an element which is the equivalent for a property should be used for the value of the property. This typically occurs when a property has a subtype, like TEL. For this purpose, the special class name "value" is introduced to excerpt out the subset of the element that is the value of the property.

Per the section in hCard on type with unspecified value, if the subtype is specified on a property, and there is no descendant of the property element with class name of "value", then the remainder (excluding the subtype) of the property element is considered the value.

Include Pattern and Table Headers

When processing elements from the include-pattern or table headers inclusion methods, such elements should be processed as if they were inline.

Proposed Additions

These are proposed additions to hCard parsing. Implementations MAY follow these conventions in order to gain implementation experience, and SHOULD report back on the results.

DEL element handling

When dealing with an HTML document that is hCard encoded, the parser SHOULD honor the <del> element.

There are two possibilities here (adopting both may be possible):

1. Skip any occurences of <del> elements and their contents entirely inside the contents of a property.

2. If the <del> element is used for a property itself, it could be useful as a way communication the of tombstoning / obsoleting of that particular property value, and thus while a parser that is converting to a vCard SHOULD simply do what is indicated in (1), applications which parsed hCard directly (rather than only supporting vCard) COULD treat such occurences of <del> elements as a way to remove obsolete information (with user confirmation of course) from a local contact information store.

Plain Text Formatting of Structural/Semantic HTML

There are several structural/semantic elements in HTML which have useful default styling which could be converted into ASCII (AKA Plain Text) equivalents as a low resolution way of communicating that structure. Note that <br /> and <pre> are already handled in the section above titled White-space Handling.

When parsing the hCard note property (or description in hCalendar and hReview), hierarchically convert the following HTML tags into their plain text styling equivalents.

  • <div>, </div>, <dl>, </dl>, <dt>, </li>, </dd> - Append a soft \n to the output. By "soft \n", we mean only do so if there isn't already a line break (in contrast to a "hard" (implied by default) \n). Two things in particular order to ensure that <div> <div> does not result in two \n characters in a row:
    1. only output the \n if something other than whitespace (including \n) was outputted immediately previously.
    2. omit any immediately subsequent whitespace characters.
  • <li> - Append a soft \n and then * . (Note: Indenting the contents of the list item is not particularly practical, since that would require line-breaking, and that would depend on knowing the width of when the plain text is rendered. Wrapping to 70 characters may be a good assumption for plain text email, but is probably a very bad assumption for vCard output).
  • </dt> - Append :\n
  • <dd> - Append a soft \n and then (two space ASCII 32 characters).
  • <h1>, </h1>, <h2>, </h2>, <h3>, </h3>, <h4>, </h4>, <h5>, </h5>, <h6>, </h6> - Append a soft \n followed by a hard \n. (Note: we may want to consider some conventions to indicate the heading level. Perhaps only the relative heading level inside the property matters, e.g. whatever level HTML heading is seen first is treated as a first level heading, then any subsequent HTML heading elements are treated relative to that original heading (this is because it is likely that the property is embedded somewhere deep inside an HTML document following higher heading levels). Any subsequent higher level headings should perhaps cause a warning, and then simply be treated as a first level heading. Given that, the straw proposal for heading syntax from Ian Hickson is one reasonable possibility, with the only issue being that for first and second level headings, how wide to make the line of '-'s or '='s, which is a similar problem to the line-breaking problem noted above when considering indenting the contents of list-items. Thus perhaps it might be sufficient to simply set a first level heading in ALL CAPS (same as the third level heading in Ian's proposed syntax), and let second and deeper level headings be simply implied by the "one line of text with two line breaks both before and after" convention. Rarely has there been more than one level of heading found within a DESCRIPTION property, and I've never seen more than two even if it is possible.)
  • <p>, </p> - Append a soft \n followed by a hard \n. (Note: Typical books indent the start of a paragraph approximately three spaces " ", and implementations may wish to consider doing so as well. Keep in mind that on the Web, typical paragraphs do not start with a first line indent.)
  • <q>, </q> - Append a double-quote '"' character.
  • <sub> - Append an open parenthesis "("
  • </sub> - Append a a close parenthesis ")".
  • <sup> - Append an open bracket "["
  • </sup> - Append a a close bracket "[". <sup> are often used for footnotes which in plain text are often formatted as bracketed numbers.
  • <table>, </table>, <tbody>, </tbody>, <thead>, </thead>, <tfoot>, </tfoot>, <tr>, </tr>, <caption>, </caption> - Append a soft \n. Of course one could try to do a lot more with representing the structure of the table, but that is almost certainly more work than it is worth, nevermind the complexities introduced by COLSPAN, ROWSPAN etc. At least by approximating the table sections and rows the table may be more readable.
  • </td>, </th> - Append a space and a tab character (ASCII 32, ASCII 9 respectively). It's not clear that what subsequent application would be able to make use of this visually, but at least the tabular nature of the structure is indicated and it makes it possible to copy and paste the table into something that handles tabular content like a spreadsheet and have the tabular structure reflected.


More challenging elements

  • <ol> - it would be nice to number list items inside an ordered list rather than bullet them, but keeping track of list item numbers/counts is a non-trivial piece of state information for the parser to deal with, and thus we are omitting this behavior for now.


Use of CSS computed styles instead of HTML default styles

Rather than assuming the default presentation for these elements, and using that for the basis of plain text formatting, a parser could use the respective equivalent computed style properties and use those instead. However, requiring an hCard parser to also implement Cascading Style Sheets (e.g. CSS1) is out of scope. Some environments (i.e. a browser DOM) may already provide this information, and in that case, it may be easy for an hCard parser (e.g. a clientside javascript parser) to use computed style properties. E.g. instead of the elements above, the following computed styles could be used:

  • display:block - Append a soft \n
    • text-indent (non-zero value, on an element with display:block or display:list-item) - Append a number of spaces equivalent to value of the text-ident property divided by the computed font-size property of the element.
    • margin-top, margin-bottom (non-zero value, on an element with display:block or display:list-item) - Append a number of "\n" equivalent to the value divided by the computed font-size property of the element. Obviously this won't properly collapse vertical margins.
  • display:list-item - Append a soft \n followed by " * "
  • etc.

This is enough extra work that I'm not sure it is worth spending the time documenting more equivalents. The above are sufficient to illustrate the possibility.

Outstanding Issues

Issues 3

Might be worth considering defining the parsing in terms of the DOM, so that it applies to HTML and XHTML equally without ambiguity.

Resolved Issues

This section is informative.

The following issues have been explored and resolved inline in the text of hcard-parsing above.

Resolved as of 2005-09-16

ISSUE 1

Should we make plural sub-property names into singular versions and simply allow multiple instances? I.e. the singular honorific prefix would make more sense if it was classed as such, and the list implied by the value for honorific-suffixes could be made more explicit (and thus more easily machine parseable):

<span class="n">
 <span class="honorific-prefix">Mr.</span>
 <span class="given-name">John</span>
 <span class="additional-names">Quinlan</span>
 <span class="family-name">Public</span>,
 <span class="honorific-suffix">Esq.</span>,
 <span class="honorific-suffix">Ph.D.</span>
</span>

RESOLUTION: Adopt singular class name equivalents for plural property and sub-property names.


ISSUE 2

Restricting the "type" sub-property values to being expressed in class names seems less than ideal. It's taking a piece of information which is very often visible in the content, and forcing it to be invisible.

Here is an example of an extensive bit of contact information on a web page:

http://www.patchlink.com/company/contact.html

Mailing Address
3370 N. Hayden Road, #123-175
Scottsdale, AZ 85251-6632

Physical Address
8515 E Anderson
Scottsdale, AZ 85255

Note that the type information for each "adr" is explicit in the content. This content could be marked up like this:

<div class="adr">
<abbr style="display:block" class="type" title="postal,parcel">Mailing Address</abbr>
<div class="street-address">3370 N. Hayden Road, #123-175</div>
<span class="locality">Scottsdale</span>, <span class="region">AZ</span>
<span class="postal-code">85251-6632</span>
</div>
<div class="adr">
<abbr style="display:block" class="type" title="work,pref">Physical Address</abbr>
<div class="street-address">8515 E Anderson</div>
<span class="locality">Scottsdale</span>, <span class="region">AZ</span> 
<span class="postal-code">85255</span>
</div>

RESOLUTION: The "type" parameter MUST be marked-up when content is available (like the above two examples). We are ditching the type-value-as-another class name pattern.

In addition since there are some potentical problems with the "type" parameter for TEL and EMAIL properties. Since there are no defined sub-properties (unlike ADR's post-code, locality, etc) the entire node-value of TEL is taken as the value. For example:

<span class="tel">+1.123.456.7890 <abbr class="type" title="work">(work)</abbr></span>

would be represented in vCard as:

TEL;TYPE=work:+123.456.7890 (work)

We are introducing another sub-property class="value" to enable excerpting of a the value of an element of for a property.

<span class="tel"><span class="value">+1.123.456.7890</span> <abbr class="type" title="work">(work)</abbr></span>

Then parsers would first need to look for class="value" and take the node value of that if it exists rather than class="tel".

If one or more child elements with the class name of "value" are present inside the element for a property, then concatenate the node values of those child elements (in the order found) and use that as the value of the property. This would be before using the node value of the element for a property itself.

References

Normative References

Informative References

Related Pages

The hCard specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added. These thoughts, issues, and questions are kept in separate pages.