Microformats Wiki - User contributions [en]

governance-issues

2008-03-11T21:08:36Z

JohnAllsopp: /* Petition */

== Issue Summary 2007-02-28 ==
=== Editor ===
[http://www.opendarwin.org/~drernie/ Ernest Prabhakar]

=== Contributors ===
*[[User:AndyMabbett|Andy Mabbett]]
* Joe Andrieu
* Phae
* Ryan Cannon
* Colin Barrett
* ... Please add yourself.

== Preamble ==
Over the last year, a few people (AndyMabbett, JoeAndrieu, ErnestPrabhakar, JamesCraig, [[User:ManuSporny|ManuSporny]]) have raised issues about how the Microformats wiki, mailing list, and community are governed. This page is here to discuss ideas for documenting, formalizing, and/or improving our collective governance.

== Abstract ==
Governance has [http://www.phac-aspc.gc.ca/vs-sb/voluntarysector/glossary.html been defined] as "the traditions, institutions and processes that determine how power is exercised, how citizens are given a voice, and how decisions are made on issues of public concern." In the context of Microformats, it covers:
* Rules (both written and unwritten) expected of community members
* Formal process for change requests for known format problems (i.e. abbr-design-pattern) by voting, with leeway for admin vetoes.
* Who the various Admins are
* What powers Admins have
* Rules for how/when Admins can/should use those powers
* How to questioning/appealing a decision by an Admin
* How to become an Admin
* How to question/change any of these

While not all of these need to be explicitly spelled out, a healthy community our size requires a broad shared understanding of these facts -- as well as acceptance of them as "legitimate."

== Who Are Admins ==
* 2007-01-04 raised by [[User:DrErnie|DrErnie]] on [[microformats-issues]], before this page existed, and moved from there
*# ''As discussed in [http://microformats.org/discuss/mail/microformats-discuss/2007-January/008011.html], there exist various concerns about the lack of clarity regarding governance of the list, wiki, and the specifications themselves. While agree that there does need to be some form of strong leadership to preserve the integrity of the community, I agree with [http://microformats.org/discuss/mail/microformats-discuss/2007-January/008022.html Colin Barrett] when he said:''
:::"I think there should be bit more visible superstructure around just who is in this "cabal". It seems to me like the Editors/Authors of the various specs form the majority it of it, but perhaps that should be made a bit more apparent, and the "powers" of an editor (essentially, the ability to veto changes to the wiki, it seems) outlined a bit and some information about how to become an editor (AFIACT, make numerous, quality edits to the Wiki that the other editors approve of)."
:An entry has been added to the FAQ regarding [http://microformats.org/wiki/faq#Q:_Who_controls_microformats.3F Who controls microformats?].[[User:DrErnie|Dr. Ernie]] 08:48, 2 Feb 2007 (PST)

== Mailing List Unmoderation Discussion ==
Discussion from [[mailing-list-unmoderation]].

* I'm glad to see this issue getting traction. However, I'm curious why Ernie's standing in the community is relevant to the issue of unmoderating Andy. Tantek, could you explain why that has been presented as an integral part of this decision making process? Clearly, personal clout always shapes one's ability to influence the community; however, I doubt it should be officially incorporated in these "proceedings". Shouldn't every member of the community have an equal hearing under whatever governance procedures we use? [[User:JoeAndrieu|JoeAndrieu]] 09:38, 19 Mar 2007 (PDT)

:[http://microformats.org/discuss/mail/microformats-discuss/2007-March/009066.html Tantek also said]: "''Ernie, as someone who has made overwhelmingly positive contributions to the microformats community, IMHO the occasional OT post is reasonable'".
* I believe the statement was added to give context to the appealing member of the community. i.e. Ernie is a long standing, good contributor, as opposed to someone new who has no experience with this particular community or someone who has had little or no interaction with the community until now, and also negates it being a personal statement (rather he is interested in community as a whole, instead of being a friend of the Andy and having a personal goal, for example). Basically, he is a person with a certain amount of credibility and trustworthiness. [[User:Phae|Phae]] 10:25, 19 Mar 2007 (PDT)
* Agreed, Phae, Ernie is such a person and that is Tantek's point. But should one need to be a "friend of the court" to bring an action? That practice reinforces a culture of privilege that has historically proven antithetical to transparency and equality, both characteristics of good governance, IMO. It is great to see the powers-that-be responding to Ernie's request. It is also a bit frustrating that only those deemed meritorious by the peerage can call forth due process and that Andy's own efforts to speak on his behalf--referencing my previous request to do the same--were summarily dismissed by Tantek because they were "adversarial." Any robust governance should, IMO, work independent of privilege and be capable of addressing adversarial situations without arbitrary limits on the speech of those whose liberties are under challenge.--[[User:JoeAndrieu|JoeAndrieu]] 14:18, 19 Mar 2007 (PDT)
** Point taken and appreciated, but this is the first incident to come to this kind of a situation where someone else has felt the need to step in, and just happened to also involve someone that is felt to be a member of good standing. I'd like to hope that if another member of the community had felt a similar way and had chosen to bring it up, that it would also have been dealt with in this open manner (and I'm sure this incident will be brought up in the future). Hopefully this incident will be a good test case to better structure future interactions with administration. I can't personally comment on Andy's own appeals. [[User:Phae|Phae]] 14:45, 19 Mar 2007 (PDT)
**Agreed. The first efforts to work through a process like this are bound to be less than ideal. However, I'd like to get on the record two main points that appear problematic.
# [http://microformats.org/discuss/mail/microformats-discuss/2007-February/008490.html my previous request to do the same] was not, in fact, dealt with in this open manner. Rather it decayed into a defensive debate about governance generally, leaving poor Andy stuck in moderated censure. Perhaps I'm not the most diplomatic sort, but the issue on the table is not about me. It is about Andy's continuing moderation.
# The [[mailing-list-unmoderation|unmoderation wiki page]] for Andy is effectively a public hearing on Andy's standing and privileges in the community, especially with [http://microformats.org/discuss/mail/microformats-discuss/2007-March/009066.html Tantek's request] that no replies be sent to the email list on the topic. I find it particularly disturbing that Andy's efforts to contribute to that hearing have been [http://microformats.org/wiki?title=mailing-list-unmoderation&diff=14419&oldid=14416 repeatedly] [http://microformats.org/wiki?title=mailing-list-unmoderation&diff=14456&oldid=14454 dismissed] by Tantek (see the [http://microformats.org/wiki?title=mailing-list-unmoderation&action=history history] for a complete list). While It probably wasn't the best form for Andy to edit my comment directly, he should, IMO, have a way to voice his opinion on the matter. He's been threatened with a ban if he does so on the mailing list. Is there another venue that is more appropriate than the wiki page taking input and votes on his unmoderation?--[[User:JoeAndrieu|JoeAndrieu]] 20:19, 19 Mar 2007 (PDT)
* Shouldn't this point be moot? According to the terms of the moderation, it will be lifted "if he successfully sends only topical / positive / improving email to the lists for one week." Once the week passed, this moderation ought to have been lifted automatically, and should not require a vote, right? --[[User:RCanine|Ryan Cannon]]
** At least one message was rejected during that first week, thus moderation was left as is, with the attention of the admins etc. focused on other higher priority matters. Given the higher quality of messages *with* moderation (as compared to before), some have made the statement that moderation is "working" and thus should be kept. [[User:Tantek|Tantek]] 08:58, 22 Mar 2007 (PDT)
* I dislike moderation because I find it causes me to be hesitant with my own contributions in some cases. Since I don't often know how long a message has been queued its hard for me to judge if my reply would be helpful, or if the moderated poster has already moved along with the rest of the discussion so I err on the side of moving onto something else. doesn't hurt me, but I feel sometimes it might not help with the overall discussions depth or conclusion. . Thus, I think the burden should be heavy to continue moderation for any length of time without a decision to unmoderate or outright ban. [[User:ChrisCasciano|ChrisCasciano]] 11:40, 23 Mar 2007 (ET)

== Examples ==
''Note: This is not to take a position on whether or not any of these decisions were appropriate or inappropriate. Rather, the existence of these events demonstrates the need to document why and how such decisions were -- or should be -- made and/or appealed.''

* Labelling microformats schema discussions as [http://microformats.org/discuss/mail/microformats-discuss/2006-March/003551.html off-topic]
** Already covered by the [[microformats]] principles.
* Issue rejection [http://microformats.org/discuss/mail/microformats-discuss/2007-February/008864.html governance]
* Negative, PoV and derogatory edit summary content such as "[http://microformats.org/wiki?title=hcard-authoring&diff=13621&oldid=12276#Add_To_Address_Book_Links smelled of excessive political correctness worrying]" and "[http://microformats.org/wiki?title=to-do&curid=1110&diff=13989&oldid=13988&rcid=23801 removed non-productive comment]".
** Removal of negative content from the wiki is not a negative. The Admins use their best judgment.
*[[rejected-formats#Pavatar|listing of items as "rejected"]] when [http://microformats.org/discuss/mail/microformats-discuss/2007-January/008271.html requests for evidence of said rejection] reveal none.
** Not every email can be answered, nor should anyone expect them to be. In this case the rejection is in the mailing list archives.
* Despite an assurance that "all of the admins will be apropriately (sic) listed on the wiki page [http://microformats.org/discuss/mail/microformats-discuss/2007-February/008526.html]", the [http://microformats.org/wiki/faq#Q:_Who_controls_microformats.3F list given in FAQ] is prefaced with the qualifier "including".
** Reference for assurance? No such assurance should ever have been given.
* Removal of disputed edits / removal of negative content from the wiki
**[http://microformats.org/wiki?title=mailing-list-unmoderation&diff=next&oldid=14416 mailing-list-unmoderation (16:12, 19 Mar 2007)]
**[http://microformats.org/wiki?title=governance&curid=3084&diff=0&oldid=14390&rcid=24255 governance (12:50, 19 Mar 2007)]
** [http://microformats.org/wiki?title=governance-issues&diff=14401&oldid=14396 governance-issues (14:55, 19 Mar 2007)]
**[http://microformats.org/wiki?title=mailing-lists&curid=1297&diff=14391&oldid=14389&rcid=24254 mailing-lists (12:42, 19 Mar 2007)]

== Proposal ==

# Create a publicly-visible ''microformats-admin'' mailing list, for easily identifying and contacting all admins
# Document a forum/mechanism/process where individuals concerned about admin actions can legitimately raise their concerns, to ensure substantive issues are addressed
# Maintain a [[governance]] page that captures and describes
## the identity of current Admins
## how to contact them
## the process for becoming an Admin
## the specific kinds of behavior warranting Admin intervention
## how/when suspended/moderated individuals can return to "good standing"
## how to appeal an Admin decision/action

== Petition ==

We acknowledge that the microformats list and wiki is not a democracy, and that one of the key goals of microformats is to have as little process and structure as possible. However, at the same time we believe that the "dictatorship" needs to not merely ''be'', but ''be seen as'' "benevolent." This includes some minimal level of transparency and due process to ensure that there are legitimate ways for ordinary members to speak out if they feel (rightly or wrongly) that a particular administrative action was unwise or unfair. Whether that is similar to the '''[[#Proposal]]''' above, or a counter-proposal by the ''admin'' team, we believe that something is necessary.
:''Please add your vote here''
*+1 Ernest Prabhakar
*+1 Joe Andrieu
*+1 James Craig
*+1 Steve Robillard
*+1 Chris Messina
*+1 [[User:ManuSporny|ManuSporny]] 08:59, 3 Aug 2007 (PDT)
*+1 Ben Buchanan
*+1 [[User:EatYourGreens|Jim O'Donnell]]
*+1 [[User:Csarven|Sarven Capadisli]]
*+1 [[User:TobyInk|TobyInk]]
*+1 [[User:JohnAllsopp|John Allsopp]]

== Resources ==

* [http://www.shirky.com/writings/group_enemy.html Clay Shirky] on a group as its own worst enemy
* [http://www.informationweek.com/news/showArticle.jhtml?articleID=199600005 Cory Doctorow] on Internet Jerks

User:JohnAllsopp

2007-07-18T00:29:14Z

JohnAllsopp:

[http://johnfallsopp.com John Allsopp]

{{public-domain-release}}

posh

2007-04-28T04:53:18Z

JohnAllsopp: /* POSH Blog posts */

<h1>Plain Old Semantic HTML (POSH)</h1>

Welcome to the <abbr title="Plain Old Semantic HTML">POSH</abbr> home page.

__TOC__

== Origins ==

The acronym '''POSH''' was coined [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 on 6 April 2007] on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for [[plain-old-semantic-html]]. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the [[events/2007-04-18-web-2-expo-dinner|Microformats Dinner 2007 April 18 following Web 2.0 Expo]] reraised the idea of POSH and the importance of promoting the broader goal of POSH, which microformats are built from and are a proper subset of. For more see [[posh#History|History]].

== Why ==

The term [[semantic-html]] is a mouthful, and belies both how simple it is, how well established it is among modern web designers, and the fact that it has benefits far beyond the obvious doing the right thing for the Web by using semantic markup. We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up).

== What ==

POSH encapsulates the best practices of using [[semantic-html|semantic HTML]] to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are ''[[semantic]]'' rather than ''[[presentational]]''. The best way to learn and understand POSH is to do it. Pick a page on your web site to begin with, and apply the [[posh#The_POSH_Process|POSH Checklist]] to it. Continue with the [[posh#The_POSH_Process|POSH Process]]. Read [[posh#Resources|POSH Resources]] to learn more about POSH.

== The POSH Process ==

What can you do to be POSH and to make your websites POSH?

# Publish POSH content. Read POSH [[posh#Resources|resources]] and make sure your website publishes valid [[semantic-html|semantic (X)HTML]], and uses [[semantic-class-names]] accordingly.
# Spread POSH. Encourage others to be POSH and POSHify their websites by linking to this page.
# Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.

== The POSH Checklist ==

* The first rule of POSH is that you must [http://validator.w3.org validate] your POSH.
* Second, drop the use of TABLEs for purely presentational purposes, spacer GIFs, and [[presentational-html]] in general.
* Next, fix your [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and Breakfast] markup.
* Eliminate [http://tantek.com/log/2002/11.html#L20021128t1352 Anorexic Anchors].
* Use good [[semantic-class-names]].
* ...

== Resources ==

=== POSH Tutorials ===

Step by step tutorials to create POSH content or upgrade existing content to POSH.

* [http://westciv.com/style_master/house/tutorials/quick/validation/index.html Validating your css and html] A simple step by step guide to how and why you should validate your markup
* [http://www.w3schools.com/ Go back to school] W3C Schools the swiss army knife of POSH tutorials.
* ...

=== POSH Bookmarks ===
* Check out the Ma.gnolia [http://ma.gnolia.com/groups/posh POSH Group]

=== POSH Presentations ===
Presentations which explain and advocate concepts and techniques for utilizing semantic HTML. If/when this section gets too big, we can move it to [[posh-presentations]].
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003-03)], specifically, see slides 3-4,6 starting with "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 <B>ed & <BR>eakfast]", and slide 9 "CSS & the Semantic Spectrum" which provides an overview of the semantic spectrum of (X)HTML tags.
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] (2004-02-11)
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean] (2004-09-28)
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] (2005-09-29, first version: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 at SXSW Interactive]).
* ...
* See also more microformats [[presentations]] in general.

=== POSH Books ===
Modern web design books which document good semantic HTML practices.
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span>
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.
* ...

=== POSH Magazines ===
Online (and off) magazines which frequently publish articles about semantic HTML. If/when this section gets too big, we can move it to [[posh-magazines]].

* [http://alistapart.com/ A List Apart: For People Making Websites]
* [http://www.digital-web.com/ Digital Web Magazine] (see in particular [http://www.alistapart.com/topics/code/htmlxhtml/ HTML and XHTML Articles])

=== POSH Blogs ===
Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH. If/when this section gets too big, we can move it to [[posh-blogs]].

* [http://dbaron.org/log/current David Baron's weblog]
* [http://zeldman.com/ Jeffrey Zeldman Presents]
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]
* [http://microformatique.com/ Microformatique - John Allsopp]
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
* [http://tantek.com/ Tantek Çelik]
* ...

=== POSH Blog posts ===
Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. This list is ''incomplete''. We know there are lots more blog posts out there that fit the aforementioned description - please add them! If/when this section gets too big, we can move it to [[posh-blog-posts]].

* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)
* [http://microformatique.com/?page_id=109 Semantics in HTML] by John Allsopp (2007-01-08 - 2007-03-12)
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)
* [http://microformatique.com/?p=82 Built in HTML semantics] A list of the semantic elements and attributes of HTML by John Allsopp (2007-01-08)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20)
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] by Chris Messina (2007-04-21)
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I’m POSH - are you?] (2007-04-23)
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet’s Upper Class Or Why Your Site Should Be POSH] (2007-04-24)
* ...

See [http://technorati.com/search/%22semantic%20HTML%22 more blogs talking about "semantic HTML"] and [http://technorati.com/search/posh+semantic+HTML POSH].

=== POSH Bling for your Blog ===

If you want to improve your existing blog, there are some pretty simple things you can do:

==== WordPress ====

* Use the [http://www.plaintxt.org/themes/sandbox/ Sandbox] or [http://getk2.com K2] themes that already support hAtom and hCard
* Add the [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ hCard About Widget] to your site

== Spread POSH ==

Now that you've poshified your website(s), what next? Well, help spread POSH to other websites!

* Promote POSH. Make a POSH button (perhaps using semantic HTML and CSS ;) linking to this page and put it on your site, in your blogroll, in your footer, etc. Maybe even come up with a nice POSH button graphic and share it with the microformats community with a liberal license (public domain, CC-by-3.0, MIT, etc.) Like these:
** http://www.brewerdesigngroup.com/posh.png - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
** [http://redmonk.net/archives/2007/04/25/the-new-question/ http://redmonk.net/wp-content/uploads/2007/04/are_you_posh.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
** [http://redmonk.net/archives/2007/04/26/chic/ http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png] - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
** http://farm1.static.flickr.com/181/474868905_0da6f8136f_o.png - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites. Write a [[posh-testimonial]]!
* Come up with more ideas to help spread POSH. Here are a few.
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
** ...

== Improve POSH ==

As you read the [[posh#Resources|POSH resources]] documented here, what other POSH resources did you find? Add them to this page.

With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?

== History ==

A brief history of references to "POSH" in this context and "plain old semantic HTML".

=== plain old semantic HTML ===

The earliest references to <strong>"plain old semantic HTML"</strong> that have been found so far are:
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert on comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))
If you can find earlier references, please ''add'' them and include a brief quotation of the context of the reference to "plain old semantic HTML".

posh

2007-04-21T03:46:47Z

JohnAllsopp: /* POSH Books */

<h1>Plain Old Semantic HTML (POSH)</h1>

Welcome to the <abbr title="Plain Old Semantic HTML">POSH</abbr> home page.

__TOC__

== Origins ==

The acronym '''POSH''' was coined [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 on 6 April 2007] on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for [[plain-old-semantic-html]]. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the [[events/2007-04-18-web-2-expo-dinner|Microformats Dinner 2007 April 18 following Web 2.0 Expo]] reraised the idea of POSH and the importance of promoting the broader goal of POSH, of which microformats are built from and a proper subset thereof. For more see [[posh#History|History]].

== Why ==

The term [[semantic-html]] is a mouthful, and belies both how simple it is, how well established it is among modern web designers, and the fact that it has benefits far beyond the obvious doing the right thing for the Web by using semantic markup. We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up).

== The POSH Process ==

What can you do to be POSH and to make your websites POSH?

# Publish POSH content. Read POSH [[posh#Resources|resources]] and make sure your website publishes valid [[semantic-html|semantic (X)HTML]], and uses [[semantic-class-names]] accordingly.
# Spread POSH. Encourage others to be POSH and POSHify their websites by linking to this page.
# Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.

== The POSH Checklist ==

* The first rule of POSH is that you must [http://validator.w3.org validate] your POSH.
* Second, drop the use of TABLEs for purely presentational purposes, spacer GIFs, and [[presentational-html]] in general.
* Next, fix your [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and Breakfast] markup.
* Eliminate [http://tantek.com/log/2002/11.html#L20021128t1352 Anorexic Anchors].
* Use good [[semantic-class-names]].
* ...

== Resources ==

=== POSH Bookmarks ===

* Check out the Ma.gnolia [http://ma.gnolia.com/groups/posh POSH Group]

=== POSH Presentations ===
Presentations which explain and advocate concepts and techniques for utilizing semantic HTML. If/when this section gets too big, we can move it to [[posh-presentations]].
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003)], specifically, see slides 3-4,6 starting with "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 <B>ed & <BR>eakfast]", and slide 9 "CSS & the Semantic Spectrum".
* ...

=== POSH Tutorials ===

Step by step tutorials to create POSH content or upgrade existing content to POSH.

[http://westciv.com/style_master/house/tutorials/quick/validation/index.html Validating your css and html] A simple step by step guide to how and why you should validate your markup

* ...

=== POSH Books ===
Modern web design books which document good semantic HTML practices.
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span>
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Chapter 3 is a detailed and practical overview of the appropriate use of structural, valid and semantic HTML.
* ...

=== POSH Magazines ===
Online (and off) magazines which frequently publish articles about semantic HTML. If/when this section gets too big, we can move it to [[posh-magazines]].

* [http://alistapart.com/ A List Apart: For People Making Websites]
* [http://www.digital-web.com/ Digital Web Magazine]

=== POSH Blogs ===

Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH. If/when this section gets too big, we can move it to [[posh-blogs]].

* [http://dbaron.org/log/current David Baron's weblog]
* [http://zeldman.com/ Jeffrey Zeldman Presents]
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (see in particular [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
* [http://tantek.com/ Tantek Çelik]
* [http://microformatique.com/ Microformatique - John Allsopp]

* ...

=== POSH Blog posts ===

Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. If/when this section gets too big, we can move it to [[posh-blog-posts]].

* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] (2007-04-20)
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)
* [http://microformatique.com/?page_id=109 Semantics in HTML - three part series on the past present and future of semantics HTML] (2007-08-01)

* ...

See [http://technorati.com/search/%22semantic%20HTML%22 more blogs talking about "semantic HTML"] and [http://technorati.com/search/posh+semantic+HTML POSH].

== Spread POSH ==

Now that you've poshified your website(s), what next? Well, help spread POSH to other websites!

* Promote POSH. Make a POSH button (perhaps using semantic HTML and CSS ;) linking to this page and put it on your site, in your blogroll, in your footer, etc. Maybe even come up with a nice POSH button graphic and share it with the microformats community with a liberal license (public domain, CC-by-3.0, MIT, etc.) Like this one: http://www.brewerdesigngroup.com/posh.png
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites.
* Come up with more ideas to help spread POSH. Here are a few.
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
** ...

== Improve POSH ==

As you read the [[posh#Resources|POSH resources]] documented here, what other POSH resources did you find? Add them to this page.

With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?

== History ==

A brief history of references to "POSH" in this context and "plain old semantic HTML".

=== plain old semantic HTML ===

The earliest references to <strong>"plain old semantic HTML"</strong> that have been found so far are:
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert on comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrieved by [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))
If you can find earlier references, please ''add'' them and include a brief quotation of the context of the reference to "plain old semantic HTML".

posh

2007-04-21T03:41:30Z

JohnAllsopp: /* POSH Tutorials */

posh

2007-04-21T03:38:02Z

JohnAllsopp: /* POSH Blog posts */

posh

2007-04-21T03:31:27Z

JohnAllsopp: /* POSH Blogs */

books

2007-03-23T23:37:28Z

JohnAllsopp: /* 2007 */

<h1> Books </h1>

This page lists books which provide description and documentation of microformats. Most recent first, grouped by year.

== 2007 ==

*"[http://www.friendsofed.com/book.html?isbn=1590598148 Microformats: Empowering Your Markup for Web 2.0]" by John Allsopp
** Friends of Ed, ISBN 9781590598146, March 2007
** Read [http://www.friendsofed.com/extras/1590598148/Appendices.pdf Allsopp's Appendix (PDF)].

== 2006 ==

* ''[http://www.oreilly.com/catalog/neogeography/ Introduction to Neogeography]'' by Andrew Turner
**O'Reilly, ISBN 9780596529956, December 2006
** This is a PDF book, part of the O'Reilly Short Cuts series. Covers the ADR and GEO microformats.

* ''[http://www.oreilly.com/catalog/microformats/ Using Microformats]'' by Brian Suda
**O'Reilly, ISBN 9780596528218, 2006
** This is a PDF book, part of the O'Reilly Short Cuts series. It is a solid introduction to all the established microformats, the history, philosophy and a look at where microformats are headed.

* ''[http://www.amazon.com/gp/product/0596009879 Web Design In A Nutshell, Third Edition]'' by Jennifer Niederst Robbins. '''IMPORTANT: This applies to the THIRD EDITION only!'''
** O'Reilly Media, ISBN 9780596009878, 2006
** Provides an excellent modern standards based foundation for web design that is ideal for understanding microformats, and a whole introductory chapter on microformats as well.
** See also [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, Third Edition] (on oreilly.com).

*''[http://www.friendsofed.com/book.html?isbn=1590597656 HTML Mastery]'' by Paul Haine
**Friends of Ed, ISBN 9781590597651, 2006
**Chapter 5, <abbr title="pages">pp.</abbr> 117-154: ''Purpose Built Semantics: Microformats and Other Stories.''

== 2005 ==

* ''[http://www.amazon.com/gp/product/0764597582 Hacking RSS and Atom]'' by Leslie M. Orchard
** Wiley, ISBN 9780764597589, 2005
** The last chapter has a nice section on both publishing and consuming [[hcalendar|hCalendar]] events in either a feed or as part of a page. Les has implemented various microformats (hCalendar entry form as a greasemonkey script, [[xoxo|XOXO]] dynamic editing).
** You can find source code for the [[hcalendar|hCalendar]] scripts from my book [http://decafbad.com/trac/wiki/HackingRssAndAtom at my site]. Look for the files starting with <code>ch18</code>. Buy the book if you like it! [[User:LesOrchard|LesOrchard]] 20:11, 25 Mar 2006 (PST)

events/2007-04-18-web-2-expo-dinner

2007-03-09T05:30:28Z

JohnAllsopp:

==What==

We're looking to hold a Microformats Dinner following the Web 2.0 Expo the evening of 4/18. One of several microformats [[events]]

Details + Upcoming entry TBD.

==Who==

Interested parties please add yourself here:

* [[User:Chris_Messina |Chris Messina]]

* [[User:JohnAllsopp |John Allsopp]]

* Tantek Çelik

==Where==

Do we have a place we'd like to go to? Maybe that Indian place where Niall always holds his Mac geek dinners during Macworld?

User:JohnAllsopp

2007-03-07T02:42:13Z

JohnAllsopp:

[http://johnfallsopp.com John Allsopp]

events/2007-04-18-web-2-expo-dinner

2007-03-07T02:41:33Z

JohnAllsopp:

We're looking to hold a Microformats Dinner following the Web 2.0 Expo the evening of 4/18.

Details + Upcoming entry TBD.

Interested parties please add yourself here:

* [[User:Chris_Messina |Chris Messina]]

* [[User:JohnAllsopp |John Allsopp]]

events/2007-02-07-web-directions-north

2007-02-22T23:00:09Z

JohnAllsopp: /* Summary */

<h1>Microformats - at Web Directions North 2007</h1>

One of several microformats [[events]].

__TOC__

== Summary ==
These sessions at the web design and development conference [http://north.webdirections.org/ Web Directions North], aims to broadly cover the motivation for, and use of, microformats in web development and design. Three distinct [[presentations]] within the one session will focus on big picture issues, with Tantek Çelik, practical markup using various microformats with John Allsopp, and CSS based design using microformats with Dan Cederholm.

tags: wdn wdn07 wdn2007 webdirections webdirectionsnorth webdirectionsnorth07 webdirectionsnorth2007 microformats "[http://technorati.com/tags/microformatswdn2007 microformatswdn2007]".

== Where ==
[http://north.webdirections.org/detail/venue/ Renaissance Vancouver Hotel Harbourside]

== When ==
[http://north.webdirections.org/schedule/ Web Directions North schedule]

2007-02-07
* 11:45am-12:45pm "Microformats - The Big Picture" with Tantek Çelik in ballroom I.
** See Tantek's presentation online: [http://tantek.com/presentations/2007/02/microformats/ Microformats — The Big Picture]
* 1:45pm-3:45pm "Microformats - more than just promise" with John Allsopp and Dan Cederholm in ballroom II.
** See John Allsopp's presentation online: [http://north.webdirections.org/presentations/MicroformatsForDevelopers.pdf Microformats For Developers]
** See Dan Cederholm's presentation online: [http://north.webdirections.org/presentations/MicroformatsForDesigners.pdf Microformats For Designers]

== Speakers ==
*John Allsopp
*Dan Cederholm
*Tantek Çelik

== Attending ==
Please add your name here if you attended these sessions, speaking or not.

*John Allsopp (presenting)
*Dan Cederholm (presenting)
*Tantek Çelik (presenting)
*M. Jackson Wilkinson
*Tiff Fehr
*Adrienne Adams
*Scott Fegette
*...

== Session Comments and Q&A ==
* ...

== Photos ==
Please tag with "[http://flickr.com/photos/tags/microformatswdn2007/ microformatswdn2007]".

[http://www.flickr.com/photos/kk/389322202/ http://farm1.static.flickr.com/172/389322202_63ecb15844_m.jpg] [http://flickr.com/photos/adactio/383628105/ http://farm1.static.flickr.com/147/383628105_e0c3856804.jpg] [http://flickr.com/photos/reinspire/383463319/ http://farm1.static.flickr.com/170/383463319_36f4829fc1.jpg]

* ...

== Slides and other resources ==

The [http://north.webdirections.org/wdn07-resources/microformats/ slides from the session], along with live blogging of each presentation are now online.

== Blog Posts ==
Please tag with "[http://technorati.com/tags/microformatswdn2007 microformatswdn2007]".

* [http://www.digital-web.com/news/2007/02/learing_microformats John Allsopp: Learning Microformats]
* [http://www.simplebits.com/notebook/2007/02/11/wdn.html Dan Cederholm: Web Directions North]
* [http://microformatique.com/?p=93 John Allsopp: The quiet of the storm]

== Podcasts ==
* Coming!

events/2007-04-17-web-2-expo

2007-02-16T05:44:42Z

JohnAllsopp:

<h1>Microformats - at Web 2.0 Expo 2007</h1>

One of several microformats [[events]].

__TOC__

== Summary ==
Microformats are community-generated standards for identifying types of data in normal web pages. How do these rapidly spreading conventions make it easier to design interactions for the Web? How can you create scripts or stylesheets to leverage these simple formats, and what new applications exist that haven't been explored?

Tag: "[http://technorati.com/tags/microformatsweb2expo microformatsweb2expo]".

== Where ==
[http://www.web2expo.com/pub/w/53/venue.html Moscone West, San Francisco (3014)]

== When ==
[http://www.web2expo.com/cs/webex2007/view/e_sess/11831 Session Details]

2007-04-17
* 1.30pm-2.20pm

== Speakers ==
*John Allsopp

== Attending ==
Please add your name here if you attended these sessions, speaking or not.

*John Allsopp (presenting)
*...

== Session Comments and Q&A ==
* ...

== Photos ==
Please tag with "[http://flickr.com/photos/tags/microformatswdn2007/ microformatsweb2expo]".

* ...

== Blog Posts ==
Please tag with "[http://technorati.com/tags/microformatswdn2007 microformatsweb2expo]".

== Podcasts ==
* Coming!

events

2007-02-16T05:37:28Z

JohnAllsopp: /* Upcoming */

__NOTOC__
=Microformats related events=

Please add any microformats related events (specifically, events where there will be talks on microformats) you find here, and we'll add them to the [[hcalendar|hCalendar]] on the [http://microformats.org home page]. Please also create a page for each specific event, where you can list URLs for the event, event details, create an "Attending" section, link to photos afterwards, etc. (See [[events/2006-03-01-w3c-plenary-microformats|Microformats panel at W3C Plenary Day]] for a decent example to mimic/copy-paste). Thanks! -[http://tantek.com/ Tantek]

If you can (or can ask the organisers to kindly-) use microformats (especially [[hCalendar]] and [[hCard]]) on the event's web pages, so much the better!

There's a a separate wiki page for details of [[presentations]].

Patterns:
* YYYY-MM-DD: <nowiki>[[events/YYYY-MM-DD-event-session-title|Event Session Title]]</nowiki>
* YYYY-MM-DD - YYYY-MM-DD: <nowiki>[[events/YYYY-MM-DD-event-session-title|Event Session Title]]</nowiki>

== Upcoming ==

* 2007-02-17 - 2007-02-18: Various microformateers will be in attendance at [http://barcamp.org/BarCampLondon2 BarCampLondon] so various microformat related sessions will feature. [[events/2007-02-17-barcamplondon2|Microformats at BarCampLondon]]
* 2007-03-12: [[events/2006-03-12-sxsw-growth-evolution-of|The Growth and Evolution of Microformats]] at [http://2007.sxsw.com/interactive South by Southwest Interactive Festival] 2007 3/10-13. See also [http://2007.sxsw.com/interactive/programming/panels/ confirmed SXSWi 2007 panels].
* 2007-03-26 - 2007-03-29 : [http://conferences.oreillynet.com/et2007/ O'Reilly Emerging Technology 2007] [[events/2007-03-27-ETech07Proposal|proposal]]
* 2007-05-16 [[events/2007-05-16-XTech|Microformats: the nanotechnology of the semantic web]] at the [http://2007.xtech.org/ XTech 2007] conference in Paris.
* 2007-04-17 [[events/2007-04-15-Web2Expo|Microformats: Much more than just promise]] by John Allsopp, at [http://www.web2expo.com/cs/webex2007/view/e_sess/11831 Web 2.0 Expo] in San Francisco.
* ...

== Recent ==

* 2007-02-07: [[events/2007-02-07-web-directions-north|microformats presentations at Web Directions North]] - 11:45am-12:45pm "Microformats - The Big Picture" with Tantek Çelik in ballroom I , 1:45pm-3:45pm: "Microformats - more than just promise" with John Allsopp and Dan Cederholm in ballroom II.
* 2007-02-03: [http://barcamp.org/BarCampBank3 how could we use microformats in banks ] - proposal from Christophe Ducamp (3pm-4pm) - Atelier BnpParibas 29 rue la Pérouse 75116 Paris - France (Métro Etoile)
* 2007-01-27: [[events/2007-01-la-get-together|Los Angeles Microformats Get Together]]
* 2007-01-18: [[events/2007-01-18-sf-microformats-dinner|San Francisco Microformats Dinner]] 6pm-? @ Nova on 2nd street. Details inside.
* 2007-01-03: [http://eventful.com/events/E0-001-002386631-6 Lancement du projet 'Cette Semaine en MicroFormats'] in Paris, France.

==2006==
* 2006-11-17 Jeremy Keith presented [http://refresh06.com/schedule/topics/fri_jeremy.html Getting Microformats ] at [http://refresh06.com/ Refresh Web Standards Conference] in Orlando, Florida.
* 2006-11-11 : Microformats talk / workshop at [http://barcamp.org/BarCampParis7 Barcamp Paris 7], Frédéric de Villamil
* 2006-10-25 : [http://www.open-standards.com/tutorials.html Microformats half day workshop with John Allsopp at Open Standards, Sydney]
* 2006-10-26 : [http://www.open-standards.com/agenda.html Microformats presentation - John Allsopp at Open Standards, Sydney]
* 2006-10-19: [[events/2006-10-19-wsg-microformats-meetup|Web Standards Group London Meetup, Microformats Special]]
* 2006-10-11: 2pm-3pm "[http://www.socialtext.net/office20/index.cgi?industry_standards_for_office_2_0 Industry Standards for Office 2.0]", [http://www.office20con.com/ Office 2.0 conference], Conservatory Room, 4th Floor, [http://www.starwoodhotels.com/stregis/property/overview/index.html?propertyID=1511 St. Regis Hotel, 125 3rd St., San Francisco, CA 94103]. Panel moderated by Tantek Çelik. Narenda of 83degrees/30boxes discussed importance and support of [[hcalendar|hCalendar]].
* 2006-10-07: 3:30pm-4pm [http://upcoming.org/event/114735 Microformats 101 session at Silicon Valley Code Camp] at Foothill College room 4221, Los Altos Hills, CA, USA
** presentation: http://tantek.com/presentations/2006/10/microformats-101
* 2006-10-05, [http://molly.com/about.php Molly E. Holzschlag] and [http://www.malarkey.co.uk/The_Stuff_and_Nonsense_team.html#clarke Andy Clarke] present [http://www.fundamentosweb.org/2006/programa/index.html.en Workshop: Designing for Web 2.0] at [http://www.fundamentosweb.org/2006/ Fundamentos Web 2006] in Oviedo, Spain
* 2006-10-04, [http://molly.com/about.php Molly E. Holzschlag] presents [http://www.fundamentosweb.org/2006/programa/index.html.en The True Value of Microformats] at [http://www.fundamentosweb.org/2006/ Fundamentos Web 2006] in Oviedo, Spain
* 2006-09-30, 8:00PM-late [[events/2006-09-30-london-microformats-vevent|London Microformats vEvent]] social.
* 2006-09-30 and 2006-10-01, 10am 09-30 to 5pm 10-01 [[events/2006-09-30-barcampmilwaukee|BarCampMilwaukee]].
* 2006-09-29, 2:45-3:30PM John Allsopp spoke on Microformats at [http://www.webdirections.org Web Directions] in Sydney, Australia
** photos: [http://flickr.com/photos/tags/wd06microformats wd06microformats on Flickr]
* 2006-09-23 10:00 [http://drupalcon.org/node/36 Microformats and Drupal] at drupalcon in Brussels
* 2006-09-19, 10:00-10:40AM Brian Suda presents [http://conferences.oreillynet.com/cs/euos2006/view/e_sess/9508 Microformats: Web of Data] at at [[events/2006-09-19-eurooscon|EuroOSCon06]]
* 2006-09-16 : [http://barcamp.org/BarCampParis4 BarCampParis4]. [http://fredericdevillamil.com/ Frédéric de Villamil].
* 2006-09-13: [[events/2006-09-13-future-of-web-apps-microformats|The Future of Web Apps: Best practice with microformats]]
* 2006-09-08 [[events/2006-09-08-brighton-microformats-picnic|Brighton Microformats Picnic]] during the lunch break of d.Construct.
* 2006-09-02 - 2006-09-03: [http://barcamp.org/BarCampLondon BarCampLondon] proposed microformats sessions.
* 2006-08-25 - 2006-08-27: [http://barcamp.org/BarCampEarth BarCampEarth], in particular [http://barcamp.org/BarCampTexas BarCampTexas], proposed microformats sessions.
* 2006-08-26 : [http://barcamp.org/BarCampParis3 BarCampParis3]. [http://fredericdevillamil.com/articles/2006/08/24/barcamp-earth-et-barcamp-paris-les-26-et-27-ao%C3%BBt-2006#comments Frédéric de Villamil].
* 2006-08-22 : [http://www.darowski.com/tracesofinspiration/2006/08/24/webvisions-2006-recap-my-presentation/ WebVisions 2006 Recap] with section on Microformats (beginning with slide 26) by Adam Darowski at [http://aptima.com Aptima] in Woburn, MA & Washington, DC
* 2006-08-17, 7:00-8:30PM: [[events/2006-08-17-refresh-dc-microformats|M. Jackson Wilkinson speaking on Microformats]] at [http://www.refresh-dc.org Refresh DC] in Washington, DC
* 2006-08-17, noon @ Ming's, Palo Alto. [http://events.commerce.net/?p=81 Microformats @ Bay Area Caltech Alumni Association]
* 2006-08-05 5-6pm: Microformats at [http://wordcamp.org/ WordCamp], second room, Swedish American Hall, San Francisco, CA. Discussion led by Tantek Çelik, demos by Bill Humphries (Kubrick theme with [[hatom|hAtom]]) and Erica Douglass (Countdown Plugin with [[hcalendar|hCalendar]]).
* 2006-08-03 4-5:30PM: [http://events.commerce.net/?p=77 Server-side Microformats Parsing and MFML] at CommerceNet in Palo Alto
* 2006-07-27 8-9PM [[events/2006-07-27-oscon-microformats-bof|microformats BOF at O'Reilly OSCON]], Location: Room D137-138 in the OCC.
* 2006-07-13: ICWE panel: "Web 2.0" Engineering with Tantek Çelik
* 2006-07-11: [[events/2006-07-11-an-event-apart-microformats|An Event Apart: Microformats]]
* 2006-07-10: 9am-12:30pm [http://www.icwe2006.org/tutorials.htm#tutorial1 ICWE Tutorial on Microformats] by Ryan King @ <abbr title="Stanford Linear Accelerator Center">SLAC</abbr>
* 2006-06-21: [[events/2006-06-21-supernova-decentralizing-data|Supernova 2006 Decentralizing Data workshop]]
* 2006-06-20: Microformats.org [[events/anniversary/1|one year anniversary!]]
* 2006-06-16: @media conference - Hot Topics Panel (some microformats discussions). [http://www.vivabit.com/atmedia2006/blog/index.php/hot-topics-panel-videocast/ videocast].
* 2006-06-16: [[events/2006-06-16-atmedia-microformats|@media conference - microformats session]]
* 2006-06-13: [[events/2006-06-13-where-2-bof|Where 2.0 Microformats BOF II]] - developing a [[directions-examples|directions]] microformat.
* 2006-06-10: [http://barcamp.org/BarCampParisSiliconSentier BarCampParis]
* 2006-06-08 [http://glazkov.com/resources/presentations/2006-06-08-microformats/ Microformats]. [[DimitriGlazkov|Dimitri Glazkov]] talked about microformats at [http://ipsaonline.com/ IPSA] monthly meeting.
* 2006-05-23 - 2006-05-26: [http://www2006.org/ www2006]
** 2006-05-23: [http://www.blogpulse.com/www2006-workshop/ WWE 2006 | 3rd Annual Workshop on the Weblogging Ecosystem] - call for papers explicitly included "microformats".
** 2006-05-24:
*** All day: "Microformats: a Pragmatic Path to the Semantic Web" poster (Poster ID 116, by Rohit Khare and Tantek Çelik) presentation at Strathblane Hall.
*** 14:00-15:30: Brian Suda presented a microformats demo ([http://www2006.org/programme/item.php?id=d7 Microformats, converting XHTML to vCards and vCalendars]) in the NextWave developer track session. More information about the presentation is available at [[events/www2006]].
** 2006-05-25 10:30-13:30: Molly E. Holzschlag presented a half-day "Practical Microformats" developer tutorial.
* 2006-05-22: [http://refreshedinburgh.org/talks/introducing-microformats-your-web-site/ Refresh Edinburgh] Introducing microformats into your website, May 22nd 8pm-9pm.
* 2006-05-16 - 2006-05-19: [http://xtech.org/ XTech 2006 Conference]
** 2006-05-16 09:00-12:30: Half-day tutorial: [http://xtech06.usefulinc.com/content/tutorials#microformats Microformats from the Ground Up] at Volmer 3. [http://theryanking.com/presentations/2006/xtech/tutorial/ presentation slides].
** 2006-05-18 [http://xtech06.usefulinc.com/schedule#s2006-05-18-14:00 14:00-14:45]: [http://xtech06.usefulinc.com/schedule/detail/148 The Intelligent Design of Microformats]
* 2006-04-23 - 2006-04-24 [http://cmprofessionals.org/events/summit/#06spring CM Pros Summit] [http://www.nateaune.com Nate Aune] presented a talk "Microformats and the Future of Syndication" from 16:30-17:30 at the Sheraton Palace Hotel in San Francisco.
* 2006-03-22: [[events/2006-03-22-mix06-microformats|Mix06 Microformats session discussions]]
* 2006-03-21: [[events/2006-03-21-mix06-microformats|Mix06 Microformats session discussions]]
* 2006-03-20: [[events/2006-03-20-mix06-microformats|Mix06 Keynote with Tim O'Reilly and Bill Gates discussing microformats]]
* 2006-03-14: [[events/2006-03-14-sxsw-modulet|Convincing Your Company to Embrace Web Standards at SxSW Interactive]]
* 2006-03-13: [[events/2006-03-13-sxsw-microformats|Microformats at SXSW Interactive]]
* 2006-03-07: [[events/2006-03-07-etech-microformats|Microformats at O'Reilly ETech]]
* 2006-03-02: [http://esw.w3.org/topic/SwigAtTp2006 Semantic Web Interest Group meeting at W3C Technical Plenary], specifically, 1.30-3.30pm Dan Connolly on using "GRDDL" to parse microformats
* 2006-03-01: [[events/2006-03-01-w3c-plenary-microformats|Microformats panel at W3C Plenary Day]]

== Quicktime Broadcaster Notes ==

For setting up a mac laptop with an iSight and QT Broadcaster in order to publish live audio/video from events.

# Make sure you have the necessary equipment and software installed
#* A Macintosh running OSX 10.3.9 or later
#* Quicktime 7 - get it from http://www.apple.com/quicktime/
#* Quicktime Broadcaster - get it from http://www.apple.com/quicktime/broadcaster/
#* An iSight or digital video camera with firewire connection
# Get a broadcast template document from someone (see KevinMarks for example)
# Open that, then change the info in the 'Network' pane that has his name etc in it.
# Check the video and audio panes are using your iSight
# Another tip is that the standalone thingy for the iSight can be more useful than the screen-top one if you have a desk, as that way it picks up less typing noise and wobbles
# I find plugging in headphones is a good idea, as you can then monitor and not get howlround

http://microformats.org/media/broadcast.mov

events/2007-02-07-web-directions-north

2007-02-15T04:06:24Z

JohnAllsopp: /* Blog Posts */

<h1>Microformats - at Web Directions North 2007</h1>

One of several microformats [[events]].

__TOC__

== Summary ==
These sessions at the web design and development conference [http://north.webdirections.org/ Web Directions North], aims to broadly cover the motivation for, and use of, microformats in web development and design. Three distinct [[presentations]] within the one session will focus on big picture issues, with Tantek Çelik, practical markup using various microformats (John Allsopp), and CSS based design using microformats with Dan Cederholm.

Tag: "[http://technorati.com/tags/microformatswdn2007 microformatswdn2007]".

== Where ==
[http://north.webdirections.org/detail/venue/ Renaissance Vancouver Hotel Harbourside]

== When ==
[http://north.webdirections.org/schedule/ Web Directions North schedule]

2007-02-07
* 11:45am-12:45pm "Microformats - The Big Picture" with Tantek Çelik in ballroom I.
** See Tantek's presentation online: [http://tantek.com/presentations/2007/02/microformats/ Microformats — The Big Picture]
* 1:45pm-3:45pm "Microformats - more than just promise" with John Allsopp and Dan Cederholm in ballroom II.
** See John Allsopp's presentation online: [http://north.webdirections.org/presentations/MicroformatsForDevelopers.pdf Microformats For Developers]
** See Dan Cederholm's presentation online: [http://north.webdirections.org/presentations/MicroformatsForDesigners.pdf Microformats For Designers]

== Speakers ==
*John Allsopp
*Dan Cederholm
*Tantek Çelik

== Attending ==
Please add your name here if you attended these sessions, speaking or not.

*John Allsopp (presenting)
*Dan Cederholm (presenting)
*Tantek Çelik (presenting)
*M. Jackson Wilkinson
*Tiff Fehr
*Adrienne Adams
*...

== Session Comments and Q&A ==
* ...

== Photos ==
Please tag with "[http://flickr.com/photos/tags/microformatswdn2007/ microformatswdn2007]".

[http://flickr.com/photos/adactio/383628105/ http://farm1.static.flickr.com/147/383628105_e0c3856804.jpg]

* ...

== Blog Posts ==
Please tag with "[http://technorati.com/tags/microformatswdn2007 microformatswdn2007]".

* [http://www.digital-web.com/news/2007/02/learing_microformats John Allsopp: Learning Microformats]
* [http://www.simplebits.com/notebook/2007/02/11/wdn.html Dan Cederholm: Web Directions North]
* [http://microformatique.com/?p=93 John Allsopp: The quiet of the storm]

== Podcasts ==
* Coming!

screencasts

2007-01-17T01:06:08Z

JohnAllsopp: /* this year */

<h1> microformats screencasts </h1>

This page lists various screencasts which have provided explanations and demonstrations of both [[microformats]] in general, and specific microformats. See also microformats [[presentations]] and [[podcasts]].

Please feel free to add links to additional screencasts that discuss microformats!

Most recent screencasts listed first.

== this year ==

== 2006 ==
*December 2006 [http://casting2.mitsue.co.jp/video/2006/1222.wmv Interview by Kazuhito Kidachi with John Allsopp] Covers many web standards areas, with quite a bit on Microformats. The microformats part starts a few minutes in. English with Japanese subtitles.
* October 10th, Taichi Kaminogoya and Yasuhisa Hasegawa presented to [http://cssnite.jp/podcast/CSSNiteLP1_goya.html microformatsがもたらすドキドキする未来] at [http://lp1.cssnite.jp/ CSS Nite LP Disk 1], Tokyo, JAPAN.
* September [http://weblog.infoworld.com/udell/screenroom/livewriter_flv.html Windows Live Writter hCalendar Demo]
* September 10th dConstruct06 Jeremey Keith presents [http://blip.tv/file/71318/ "Joy of API's" ] 29 Minutes, talks about microformats 27 minutes in
* August 19th, Molly E. Holzschlag presents Google Video of [http://video.google.com/videoplay?docid=-5164201804898219448&q=label%3Awdw06 Designing for Web 2.0: From Markup to Microformats, from Semantics to Ajax] 1 hr 3 min 54 sec
* August 2nd, MSDN Channel 9, [http://channel9.msdn.com/showpost.aspx?postid=222215 Live Clipboard: What. How. Why.] The screen cast is aprox. 30 minutes [http://download.microsoft.com/download/9/e/b/9ebbc330-1498-42ad-8dc6-ed24301b8d7f/LiveClipboard_Final.wmv and is a WMV file]
* June 21st, supernova 2006, Matt Augustine of Microsoft's [http://spaces.msn.com/editorial/rayozzie/demo/liveclip/screencast/LiveClipSSE/LiveClipSSE.html Live Clipboard Demo]
* [http://spaces.msn.com/editorial/rayozzie/demo/liveclip/screencast/liveclipdemo.html Live Clipboard] (need ''direct'' links to screencast videos and related blog posts!)

* May 23rd: [http://allinthehead.com/retro/288/hcalendar-in-endo Demonstration of hCalendar support in Endo feed reader]
* April 3rd: [http://weblog.infoworld.com/udell/2006/04/03.html#a1418 John Udell: Exploring Live Clipboard]
* March 20-22nd: [http://sessions.mix06.com/display_detail.asp?sessionChoice=2001&disc=&pid=NGW058&year=2005 Mix06 Session] This is about Live Clipboard and SSE, but the underlying technology is microformats ~58 minutes run time, 153MB WMV file and PPT slides.

== 2005 ==

* June 8th: [http://www.decafbad.com/2005/06/magic_hcalendar.mov Les Orchard, Greasemonkey, hCalendar, into MovableType] ([http://www.decafbad.com/blog/2005/06/08/greasemonkey_magic blog post], [http://72.14.207.104/search?q=cache:kzuOWtWLQUMJ:www.decafbad.com/blog/2005/06/08/greasemonkey-magic+decafbad+Les+Orchard+hCalendar&hl=en&gl=us&ct=clnk&cd=1 Google cached version]). Les Orchard created [http://www.decafbad.com/2005/06/magic_hcalendar.user.js a Greasemonkey script] that uses the [http://microformats.org/code/hcalendar/creator hCalendar creator] to allow you to quickly enter an event into MovableType or any other TEXTAREA (e.g. in WordPress etc.) on a web page. ''Note: the hCalendar creator has since been improved quite a bit with better datetime/timezone handling etc. and thus it would be great if someone could update the [http://www.decafbad.com/2005/06/magic_hcalendar.user.js Greasemonkey script] to use the latest version of the hCalendar creator and republish it.''

presentations

2007-01-15T08:03:57Z

JohnAllsopp: /* 2006 */

<h1> microformats presentations </h1>

This page lists various presentations, sessions, papers and posters which have provided explanations and discusions of both [[microformats]] in general, and specific microformats. Check out microformats [[events]] for upcoming presentations. See also microformats [[podcasts]] and [[screencasts]] for audio/video presentations and discussions.

Most recent presentations/sessions listed first.

== 2006 ==
* 2006-11-24, Taichi Kaminogoya presented to [http://2xup.org/log/2006/11/27-2219 microformats に触れてみよう] at [http://www.asahi-net.or.jp/~eb2m-mrt/kaihatsu9.html XML Developers' Day #9], Tokyo, JAPAN.
* October 28th, [http://www.keepthebyte.ch/2006/10/microformats-speech-at-barcamp-zurich.html Microformats Speech at Barcamp Zurich]
* October 10th, Taichi Kaminogoya presented to [http://2xup.org/log/2006/10/10-1800 microformatsがもたらすドキドキする未来] at [http://lp1.cssnite.jp/ CSS Nite LP Disk 1], Tokyo, JAPAN.
* September 28th, [http://www.webdirections.org/microformats/ Microformats] at Web Directions South, Sydney Australia by John Allsopp. [http://www.webdirections.org/microformats/ slides, podcast, live blogging transcript all online now]
* September 27th, [http://tantek.com/presentations/2006/09/microformats-intro/ Microformats Intro] at New Context 2006, Radisson Miyako Hotel, Minato-ku, Tokyo, JAPAN. See also [http://flickr.com/photos/tags/microformatsnewcontext2006 photos].
* September 16th, [http://fredericdevillamil.com/presentations/2006/que-sont-les-microformats/index.html Introducing Microformats for resume publishing] in French by Frederic de Villamil at Barcamp Paris 4. Location: 43 rue d'Aboukir, 75002 Paris France
* September 13th, [http://tantek.com/presentations/2006/09/microformats-practices/ Microformats Practices] at [[events/2006-09-13-future-of-web-apps-microformats|Future of Web Apps]] in San Francisco. Location: Palace of Fine Arts Theatre, Lyon Street, San Francisco CA 94123.
* August 26th, Tantek Çelik led the [http://barcamp.org/BarCampStanfordMicroformats BarCampStanfordMicroformats] discussion at room 426, Margaret Jacks Hall, Stanford, CA 94305. There is an [http://barcamp.org/f/MF-barcamp_08_26_2006.ogg Ogg recording of the session].
* July 11th, [http://tantek.com/presentations/2006/07/what-are-microformats/ What are microformats?] at [[events/2006-07-11-an-event-apart-microformats|An Event Apart in New York City]]
* July 6th, [http://yatil.de/webmontag/ka0706/ Mikroformate Erweiterte Semantik von HTML-Dokumenten] (Präsentation von Eric Eggert) Web mondays presentation in german - translation is available here
* June 15th, Phil Wilson presented to the [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ Institutional Web Management Workshop]
* June 8, Pete Prodoehl presented [http://rasterweb.net/raster/presentations/microformats-20060608/ Microformats] to the Milwaukee Web Design Meetup Group
* May 30, [http://netsquared.org NetSquared] [http://netsquared.org/conference/ Conference], 4:15pm-5:10pm: : [http://netsquared.org/conference/conference-sessions/Mashups A web more woven - the alchemy and practicalities of Mashups]. Tantek Çelik, Taylor McKnight and Chris Messina will discuss the core utility of microformats to publish and share data for/with mashups and other applications. Location: Jordan room, Cisco Systems' Vineyard Conference Center, 260 E. Tasman Drive, San Jose, CA.
* May 25, Brian Suda and Ryan King presented [http://theryanking.com/presentations/2006/www/ Practical Microformats] at WWW 2006 ([http://www.molly.com Molly Holzschlag] was orginally scheduled to give this talk, we filled in at the last minute with our slides from XTech)
* May 24, Kevin Lawver presented [http://presentations.lawver.net/standards/a_microformat_and_proposal_for/ A Microformat and Proposal For Interoperable Widgets]
* May 18, [http://xtech06.usefulinc.com/schedule/paper/148 The Intelligent Design of Microformats] by Ryan King at XTech 2006. ([http://theryanking.com/presentations/2006/xtech/talk/ slides]).
* May 16, [http://thebigjc.org/articles/2006/05/16/is-web-2-0-changing-the-software-industry Is Web 2.0 Changing the Software Industry?] by Chris Messina at [http://meshconference.com Mesh Conference]
* May 16, [http://theryanking.com/presentations/2006/xtech/tutorial/ Microformats from the Ground Up] by Brian Suda and Ryan King @ XTech 2006
* April 25, At [http://barcamp.org/TorCampDemoCamp5 DemoCamp #5 in Toronto], [http://blog.davidjanes.com David Janes] demonstrated [http://www.blogmatrix.com/ BlogMatrix] his platform for publish which supports microformats. (see [http://accordionguy.blogware.com/blog/_archives/2006/4/26/1913279.html Accordionguy blogpost]).
* April 23, [http://jazkarta.com/presentations/microformats.pdf/view Microformats and the Future of Syndication] by Nate Aune, AdaptiveWave (CM Pros Summit, San Francisco, CA)
* April 22, Intro to Microformats, [http://barcamp.pbwiki.com/BarCampBangalore Barcamp Bangalore], Bangalore, India, (photos [http://flickr.com/photos/abgpt/133393564/ 1], [http://flickr.com/photos/abgpt/133393545/ 2], [http://flickr.com/photos/abgpt/133393626/ 3])
* March 16, [http://ono.cdlib.org/archives/shimenawa/000219.html Reading 2.0] (see [http://radar.oreilly.com/archives/2006/03/link_list_reading_20_1.html Tim O'Reilly's notes]), San Francisco, CA
** Building with MicroFormats, [http://www.chaddickerson.com/blog/2006/03/17/reading-20-and-microformats/ Chad Dickerson], Yahoo
* March 13, SXSW Interactive, Room 17AB, Austin Convention Center, Austin, TX
** [[events/2006-03-13-sxsw-microformats|Microformats: Evolving the Web]], 11:30am-12:30pm
* March 11, SXSW Interactive, Room 17AB, Austin Convention Center, Austin, TX
** [http://tantek.com/presentations/2006/03/building-blocks Creating Building Blocks For Independents], 5pm-6pm
** [http://flickr.com/photos/tags/microformatssxsw photos]
* March 7, O'Reilly Emerging Technologies (ETech) Conference, Manchester Grand Hyatt, Ballroom, San Diego, CA
** [[events/2006-03-07-etech-microformats|Microformats intro and lightning demos at O'Reilly ETech conf.]], 5:30pm-6:15pm
** [http://flickr.com/photos/tags/microformatsetech photos]
* March 1, W3C Technical Plenary Day, Hotel Sofitel Cannes Mandelieu Royal Casino, main auditorium, 605 avenuedu Général de Gaulle, BP 49, MANDELIEU LA NAPOULE CEDEX, 06212 MANDELIEU LA NAPOULE, FRANCE
** [[events/2006-03-01-w3c-plenary-microformats|Microformats panel at W3C Technical Plenary Day]], 10:30am-11:30am
*** Ian Hickson (Google) - "A billion documents and no semantics anywhere" (NEED LINK TO SLIDES OR STUDY)
*** Tantek Çelik (Technorati) - "[http://tantek.com/presentations/2006/03/what-are-microformats/ What are microformats?]"
*** Håkon Wium Lie (Opera) - "Cascading Markup Languages — boom!" (NEED LINK TO SLIDES)
*** Rohit Khare (CommerceNet) - "[http://labs.commerce.net/~rohit/Angstro-W3C-TP/ Where Angle Brackets Fear to Tread]"
*** Dan Connolly (W3C) - "[http://www.w3.org/2003/g/talk62/slides Microformats for practical Semantic Web deployment]"
*** Q&A
**** "I'm very excited about '''microformats'''. What I really want is to get all the data out of databases and expressed as part of the Semantic Web." - Tim Berners-Lee. ('''emphasis''' added)
** "Services and the Web" by Mark Nottingham (Yahoo), 12:05pm-12:10pm.
*** Request to W3T/W3M: Go After The "Real" Web: Apache, PHP, Mozilla, Intermediaries and Caches, '''Microformats''', JSON... ('''emphasis''' added)
** Attendees voted the "Microformats" session the best session of the Plenary Day. 6:17pm.
* February 24, Yahoo Speakers Series, Yahoo Mission College Campus, 2nd floor conference room, 2821 Mission College Blvd., Santa Clara, CA 95054
** [http://tantek.com/presentations/2006/02/microformats-evolution/ Microformats: Evolving the Web]
* January 18, Apple Web Publishers internal meeting, Apple Computer, Star Trek conference room, 1 Infinite Loop, Cupertino, CA 95014, 12-1:40pm
** [http://tantek.com/presentations/2006/01/microformats-evolution/ Microformats: Evolving the Web]
* January 10, SD Forum Emerging Technologies SIG, Room H1, Cubberley Community Center, Palo Alto, CA, 7-9pm
** Ryan King's presentation, Ernie Prabhakar's presentation, Rohit Khare's presentation
** Microformats panel: Ryan King, Ernie Prabhakar, Rohit Khare, Tantek Çelik, Kevin Marks

== 2005 ==
* December 15, Syndicate Conference, San Francisco, CA
** [http://tantek.com/presentations/2005/12/syndicate-microformats/ Microformats - Emerging syndication types]
* November 26, [http://barcamp.org/index.cgi?TorCamp TorCamp], Teehan+Lax, 460 Richmond St. W, Toronto, ON, CA
** [http://www.davidjanes.com/docs/2005.11.25%20Microformats%20Presentation.ppt powerpoints] (sorry)
** [http://blog.davidjanes.com/mtarchives/2005_12.html#003467 photo]
* November 12, THINK Conference, Santa Cruz room, Chaminade hotel, Santa Cruz, CA, USA
** [[presentation-think-2005-11-12]]
* November 10, (location unknown), by Kevin Yank of SitePoint Pty. Ltd.
** [http://www.sitepoint.com/examples/innovation-on-standards/ Innovating on top of standards - Not around them]
* October 5, [http://web2con.com Web 2.0 Conference], Olympic Room, Argent Hotel, San Francisco, CA, USA
** [http://tantek.com/presentations/2005/10/microformats-examples/ Microformats Examples]
* October 4, [http://osafoundation.org/ OSAF], San Francisco, CA, USA
** [http://tantek.com/presentations/2005/10/microformats-evolution/ Microformats: Evolving the Web]
* September 30, [http://we05.com/ Web Essentials 05], Guthrie auditorium, University of Technology, Sydney, Australia
** [http://tantek.com/presentations/2005/09/microformats-evolution/ Microformats: Evolving the Web] ([http://we05.com/podcast/mp3/we05-14-tantek-celik2.mp3 MP3 - incomplete])
* September 29, [http://we05.com/ Web Essentials 05], Guthrie auditorium, University of Technology, Sydney, Australia
** [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] ([http://we05.com/podcast/mp3/we05-2-tantek-celik.mp3 MP3])
* September 25, [http://webzine2005.com/ Webzine 2005], Valhalla Room, Swedish American Hall, San Francisco, CA, USA
** [http://theryanking.com/presentations/2005/webzine/ Microformats @ Webzine 2005]
* September 21, Web Intelligence Conference, Compiegne, France
** [http://moloko.itc.it/paoloblog/presentations/presentation_wi05/presentation_wi05.html Page-reRank: using trusted links to re-rank authority] ([http://sra.itc.it/people/massa/publications/wi05_page_rerank_massa_hayes.pdf paper]) - A discussion of using [[vote-links]] to improve [http://www-db.stanford.edu/~backrub/google.html PageRank]
* June 20: Supernova 2005 ([http://supernova2005.com/ Supernova2005 site]), Microformats [http://supernova2005.com/workshops.htm Workshop], Wharton West, Suite 500, San Francisco, CA, USA
** "[http://tantek.com/presentations/2005/06/what-are-microformats/ What are Microformats?]"
** "[http://homepage.mac.com/kevinmarks/supernovatags.html A microformat for tags]"
** [http://wiki.commerce.net/wiki/ZCommerceWS#Microformats commercenet wiki page on the workshop] ([http://labs.commerce.net/wiki/index.php/ZCommerceWS#Microformats 2])
* May 14: Fourteenth International World Wide Web Conference ([http://www2005.org/ WWW2005]), 2005, Microformats Dev-Day Track, Makuhari Messe Room 303, Chiba, JAPAN
** "[http://tantek.com/presentations/2005/05/what-are-microformats/ What are Microformats?]"
** "[http://westciv.com/WWW2005/linkmf.html Link Microformats]"
** "[http://complexspiral.com/events/archive/2005/www2005/potential.html The Potential of Microformats]"
** "Distributed Social Networks (XFN Implementations)"
*** Demonstrations of [http://wordpress.org WordPress] & [http://metafilter.com Metafilter]'s builtin XFN support, and XFN search engines [http://rubhub.com/ RubHub] & [http://xhtmlfriends.net/ xhtmlfriends.net].
** "[http://tantek.com/presentations/2005/05/hcard-hcalendar/ People and Events (hCard & hCalendar)]"
** "[http://cnlabs.commerce.net/~rohit/hReview-in-Review/ hReview in Review]"
** "Bibliographies ([[hbib]])"
** "[http://westciv.com/WWW2005/xml2mf.html a more meaningful web with microformats]"
** "Semantic Web and Microformats" panel, Room 201

* March 15: "[http://tantek.com/presentations/2005/03/decentralizednetworks/ Decentralized Social Networks]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 17AB, Austin TX

* March 14: "[http://2005.sxsw.com/interactive/conference/panels/?action=show&id=IAP0060 How to Trick-Out Your Blog]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 16B, Austin TX

* March 13
** "[http://complexspiral.com/events/archive/2005/sxsw/ Emergent Semantics]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 15, Austin TX
** "[http://tantek.com/presentations/2005/03/leveragingtags.html Leveraging Tags]", as part of the "How to Leverage Solipsism" panel, South by South West Conference (SXSW) 2005, Austin Convention Center Room 18A, Austin TX
** "[http://tantek.com/presentations/2005/03/elementsofxhtml/ The Elements of Meaningful XHTML]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 16B, Austin TX

* January 21: [http://tantek.com/presentations/2005/01/attentionxml.html Attention.xml Technology Overview], private presentation, Yahoo! campus, Santa Clara, CA

== 2004 ==

* September 28: "[http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean]", SD Forum Web Services SIG, eBay's Silicon Valley Conference Center 2161 North First Street San Jose, CA 95131

* September 12: "[http://wiki.oreillynet.com/foocamp04/index.cgi?MVCeqXHTMLCSSJS Model+View+Controller = XHTML+CSS+JS]", O'Reilly Media Foo Camp 2004, O'Reilly Campus, Wallcreeper room, Sebastopol CA

* September 11: "[http://wiki.oreillynet.com/foocamp04/index.cgi?AttentionXML Attention.XML]", O'Reilly Media Foo Camp 2004, O'Reilly Campus, Appaloosa room, Sebastopol CA

* September 10: "[http://wiki.oreillynet.com/foocamp04/index.cgi?SimpleSemanticFormats Simple Semantic Formats]", O'Reilly Media Foo Camp 2004, O'Reilly Campus, Camel room, Sebastopol CA

* March 15: "[http://tantek.com/presentations/2004sxsw/xfn.html Ridiculously Easy Social Software]", South by South West Conference (SXSW) 2004, Austin Convention Center Room 17B, Austin TX

* February 11th: "[http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics]", O'Reilly Emerging Technology Conference (ETech) 2004 Westin Horton Plaza, San Diego, CA. This presentation was the first public discussion and introduction of the terms "microformat" and "lowercase semantic web". Reprised as a five-minute lightning talk at [http://wiki.oreillynet.com/etech/index.cgi?ConCon ConCon], Rx Gallery, San Francisco CA (16 February 2004).

This page was contributed from [http://developers.technorati.com/wiki/MicroFormatsPresentations the Technorati developers wiki].

podcasts

2007-01-15T08:01:27Z

JohnAllsopp: /* 2006 */

<h1> microformats podcasts </h1>

This page lists various podcasts and audio (and/or video) recordings which have provided explanations and discussions of both [[microformats]] in general, and specific microformats. See also microformats [[press]], [[presentations]] and [[screencasts]]. Note: I've omitted podcasts that simply mention microformats without going into more detail discussions of descriptions or uses.

Please feel free to add links to additional podcasts that discuss microformats!

Most recent podcasts listed first.

== 2006 ==
* January 5th [http://www.webdirections.org/podcasts/WD06/microformats.mp3 John Allsopp: "Microformats"] podcast from [http://webdirections.org Web Directions South 2006-09-28]. Time ??:??.
* November 5th [http://www.flipclip.net/clips/siva001/692d23f566c59fa5059df18e4faf0a36 Fumi Yamazaki and Tantek Çelik on Microformats] (video [http://creativecommons.org/licenses/by-nc/2.1/jp/ CC-by-nc 2.1-jp]), in general, [[hcard|hCard]], Add to Address Book example and demonstration, [[hcalendar|hCalendar]], Subscribe to Calendar example and demonstration. Fumi speaks in Japanese, Tantek speaks in English, which is periodically translated into Japanese.
* October 11th [http://media.libsyn.com/media/carsonsystems/Tantek_Celik.mp3 Tantek: "Microformats Practices"] podcast from [[events/2006-09-13-future-of-web-apps-microformats|The Future of Web Apps 2006-09-13 session in San Francisco]]. Time ??:??.
* September 25th [http://www.vivabit.com/atmedia2006/blog/index.php/tantek-celik-microformats-evolving-the-web-podcast/ Tantek: "Microformats: Evolving the Web] podcast from [[events/2006-06-16-atmedia-microformats|@Media 2006 June 16th session]]. Time 1:00:12
* September 11th [http://www.boagworld.com/archives/2006/09/dconstruct_web_services.html Paul Boag talks to Jeremy Keith about microformats]. The interview starts at 8:10 and finishes at 15:42.
* September 5th [http://www.beet.tv/2006/09/technorati_is_t.html Beet.tv interviews Peter Hirshberg on video and microformats]
* August 8th [http://www.verkko2.com/2006/08/06/jakso-2-mikroformaatit/ Jakso 2: Mikroformaatit] (Finnish) ([http://www.zengestrom.com/blog/2006/08/verkko2_on_micr.html English]). Jyri Engeström interviewed Tantek Çelik and Ryan King about their work on microformats at Technorati and about microformats in general. There is a Finnish intro, but the interview is in English.
* June 30th [http://www.weblogswork.com/2006/06/30/weblogs-worknotes-hresume/ Weblogs Worknotes: hResume]. "Alexander & I gave Tantek & Ryan an update on the hResume stuff we’d been working on, and while we were there we recorded a discussion about hResume and the success of Microformats in general."
* June 26th [http://www.boagworld.com/archives/2006/06/podcast_40_atmedia_mainstream_application.html atMedia - Applying the lessons learnt] from Boagworld.com (30Mb MP3). Paul Boag introduces the concept of Microformats in the show's Technobuster section (starts 6:50), in response to Tantek's presentation at @media 2006. Aimed at a non-technical audience.
* June 22nd (recorded March 13th) [http://player.sxsw.com/2006/podcasts/SXSW06.INT.20060313.Microformats.mp3 Microformats: Evolving The Web (23.8MB, 51:58mins)] from South by SouthWest 2006. Tantek Çelik, Chris Messina, Jeremy Keith and Mark Norman Francis discuss microformats and demo tools and implementations. A transcript has been posted to [[events/2006-03-13-sxsw-microformats-transcript]].
* April 11th [http://www.dustindiaz.com/episode-10/ Microformats, Drew, and lots of beer] (starts 42nd minute) For a lack of a better title, in this episode Drew McLellan and I had the chance to discuss the evolving technology of microformats along with quite a few of his other sites like Dreamweaver Fever and 24ways. Other than that, we discussed some of the latest news going on around the web such as Dan’s DOM Builder and William’s Firefox extension guide, and of course played another classic game of Pryamid 2.0 where I failed miserably (again).
* April 5th: [http://pod-serve.com/audiofile/filename/949/Messina_on_Microformats.mp3 Weblogs Worknotes with Chris Messina (12 MB .mp3 ~ 20 min.] In the first of our series of casts on microformats, we talk with Chris Messina.
* April 5th: [http://www.web20show.com/articles/2006/04/04/web-2-0-show-episode-15-tantek-celik-ryan-king web2.0 show] In this SXSW interview, we snag Tantek Celik and Ryan King from Technorati and Microformats to talk about stuff they are working on… (need date of recording, not release date)
* March 31: [http://blogs.msdn.com/alexbarn/archive/2006/03/31/566361.aspx Microformats Podcast] ([http://alexbarnett.audioblog.com/deluge/c6d4ccaa-b6e5-9604-a721-764467d8bc66.mp3 51 mins, .mp3, 12mb, CC-by-2.5]) with Alex Barnett, Tantek Çelik, Dan Connolly, and Rohit Khare.
* March 23: [http://www.technewsradio.com/2006/03/tech_news_radio_9.html Tech News Radio #273 | 060323| eTech 2006, Phil Windley, Digital Identity, Attention Economy, AOL, OpenAPI, Microformats] ([http://www.geekon.com/tnr/2006/03Mar/TNR_273_060323_Tech_News_Radio.mp3 6:55 mins, .mp3, 3.2mb, CC-by-sa-2.5])
** Topics: Attention, Ray Ozzie's Cut and Paste for the Web, microformats, AOL
** Phil Windley: <blockquote>In the last couple of years, microformats have kind of gone from this interesting idea, that people thought, 'ah yeah, that might be cool if you get can get anybody to do it', to dozens of companies that were here [at ETech] that had microformats built into their systems and were using them actively.</blockquote>
* March 19: [http://www.talkcrunch.com/2006/03/19/episode-2-social-networks-30/ TalkCrunch » Blog Archive » Episode 2: Social Networks 3.0] ([http://podcast.techcrunch.com/Techcrunch-Ep002-SocialNetworks.mp3 43:40min, .mp3, 10.2MB]) with Michael Arrington, Nik Cubrilovic, Reid Hoffman, and David Hornik.
** Topics: Social networks, microformats, version numbers
** Starting at 17:55 minutes in, Mike Arrington asks Nik: ''"How do you define a Web 2.0 or Social Network 3.0?"''
** Nik: <blockquote>I think what's interesting is what Reid mentioned earlier with LinkedIn now making pages available to the public, probably a big step that we should talk about more, and I think this is what Social Networking 3.0 is all about, is having hopefully supporting [[microformats]] as well, which I wanted to ask Reid about but we'll leave 'til later, such as [[hcard|hCard]] and [http://gmpg.org/xfn XFN]. What I think Social Networking 3.0 is about is about not having a single destination social network, it's about publishing your profile on the Web, and having all these extra services that come around and scoop all this information up and make it available to anybody else. Because if you think about the way that social networks work in real life, is you don't have one big destination that everyone sort of groups around, smaller social networks, 10, 15, 20 people. So if LinkedIn makes these pages public, what that means is that I can set up a social network, and I can say that these 3 people from Linkedin and these 8 people who have blogs are all part of this social network. Social Networking 3.0 for me is about <em>decentralization</em> of social networks, it's about the support of these [[microformats]], and scooping all this information together using other services.</blockquote>
* February 16th (recorded on February 7th): [http://www.release1-0.com/freshproduce/newideas_socialtime.cfm Discussing events online] includes a little segment by Tantek talking about microformats and [[hcalendar|hCalendar]] in particular at 4 minutes 39 seconds. Video.

== 2005 ==
* September 30th [http://odeo.com/audio/270407/view Microformats: Evolving the Web (Incomplete)]

== Search ==
* German [http://www.podcast.de podcasts] on [http://www.podcast.de/suche/nach/mikroformat*/in/ShowSearch micro formats]

rel-design-pattern

2007-01-03T02:35:53Z

JohnAllsopp: /* See Also */

= Rel design pattern =

== Purpose ==
Use the [[rel-design-pattern]] to indicate the meaning of a link (i.e. a href) in an XHTML document

== How to use it ==

* define the semantic meaning of a link (<code>A</code> with <code>href</code>) within a microformat and give it a name <code>''mf-rel-value''</code>
** this definition may also extend to the value of elements and text enclosed by the link
* add <code>rel="''mf-rel-value''"</code> to hyperlinks that have that semantic meaning within that microformat.
* simple microformats that use only the [[rel-design-pattern]] are typically named after the rel-value

== Examples ==

==== rel="bookmark" ====

The [http://www.w3.org/TR/REC-html40/types.html#h-6.12 HTML4 spec] describes a bookmark as "a link to a key entry point within an extended document". By convention, this entry point also captures the notion of a "permalink".

<pre>
<a href="archive/entry.html" rel="bookmark">A Document Entry</a>
</pre>

==== rel="tag" ====

[[rel-tag]] defines semantic meaning for by the URI and enclosed elements using <code>rel="tag"</code>

<pre>
<a href="http://technorati.com/tag/tech" rel="tag">tech</a>
</pre>

== See Also ==
* [[Main_Page#Design_Patterns|All microformat design patterns]]
* [http://www.w3.org/TR/REC-html40/struct/links.html#edef-A HTML 4.01 definition of the <code>A</code> element]
* [http://www.w3.org/TR/REC-html40/struct/links.html#adef-rel HTML 4.01 definition of the <code>rel</code> attribute]
* Microformats: [[rel-license]], [[rel-nofollow]], [[rel-tag]]
* Proposals: [[rel-directory]], [[rel-enclosure]]
* [http://microformats.org/wiki/rel-faq rel attribute FAQ] Discusses issues with the use of rel

events/2007-02-07-web-directions-north

2007-01-02T06:48:37Z

JohnAllsopp: /* Summary */

<h1>Microformats - more than just promise - at Web Directions North 2007</h1>

One of several microformats [[events]].

__TOC__

== Summary ==

This two hour session at the web design and development conference [http://north.webdirections.org/ Web Directions North], aims to broadly cover the motivation for, and use of, microformats in web development and design. Three distinct presentations within the one session will focus on big picture issues, with Tantek Çelik, practical markup using various microformats (John Allsopp), and CSS based design using microformats with Dan Cederholm.

== Where ==

[http://north.webdirections.org/detail/venue/ Renaissance Vancouver Hotel Harbourside]

== When ==

[http://north.webdirections.org/schedule/ Web Directions North schedule]

2007-02-07 Session 4: 1:45pm-3:45pm

== Speakers ==

*John Allsopp
*Dan Cederholm
*Tantek Çelik

== Session Description ==

== Attending ==
Please add your name here if you are attending this session, speaking or not.

*John Allsopp (presenting)
*Dan Cederholm (presenting)
*Tantek Çelik (presenting)

== Session Comments and Q&A ==

* ...

== Photos ==

hcard

2006-12-14T01:40:13Z

JohnAllsopp: /* Further Reading */

<h1>hCard</h1>

hCard is a simple, open, distributed format for representing people, companies, organizations, and places, using a 1:1 representation of the properties and values of the vCard standard ([http://www.ietf.org/rfc/rfc2426.txt RFC2426]) in [[semantic-xhtml|semantic XHTML]]. hCard is one of several open [[microformats|microformat]] standards suitable for embedding in (X)HTML, Atom, RSS, and arbitrary XML.

Want to get started with writing an [[hcard|hCard]]? Use the [http://microformats.org/code/hcard/creator hCard creator] to write up some contact information and publish it, or follow the [[hcard-authoring|hCard authoring tips]] to add hCard markup to your current contact page.

__TOC__

== Specification ==

=== Editor ===
[http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.]

=== Authors ===
* [http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc]
* [http://suda.co.uk/ Brian Suda]

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

=== Patents ===
{{MicroFormatPatentStatement}}

=== Inspiration and Acknowledgments ===
Thanks to: my good friend [http://vadim.com/ Vadim] who introduced me to vCard ''many'' years ago, and if I'd only paid more attention then, perhaps I could have helped a lot of people avoid wasting a lot of time reinventing various standards wheels.

== Introduction ==
The vCard standard ([http://www.ietf.org/rfc/rfc2426.txt RFC2426]), has been broadly interoperably implemented (e.g. Apple's "Address Book" application built into MacOSX).

In addition, many bloggers identify themselves by name and discuss their friends and family. With just a tad bit of structure, bloggers can discuss people in their blog(s) in such a way that spiders and other aggregators can retrieve this information, automatically convert them to vCards, and use them in any vCard application or service.

This specification introduces the '''hCard''' format, which uses a 1:1 representation of the properties and values of the aforementioned vCard standard, in semantic XHTML. Bloggers can both embed hCards directly in their web pages, and style them with CSS to make them appear as desired. In addition, hCard enables applications to retrieve information directly from web pages without having to reference a separate file.

Use the [http://microformats.org/code/hcard/creator hCard creator] and copy the HTML code it generates to your blog or website to publish your contact info.

== Semantic XHTML Design Principles ==
{{semantic-xhtml-design-principles}}

== Format ==
=== In General ===
The vCard standard ([http://www.ietf.org/rfc/rfc2426.txt RFC2426]) forms the basis of hCard.

The basic format of hCard is to use vCard object/property names in lower-case for class names, and to map the nesting of vCard objects directly into nested XHTML elements.

=== More Semantic Equivalents ===
For some properties there are HTML elements which better match and convey their semantics. The following properties SHOULD be encoded with the following (X)HTML:
* <code>URL</code> in vCard becomes <code><a class="url" href="...">...</a></code> inside the element with <code>class="vcard"</code> in hCard.
* Similarly, <code>EMAIL</code> in vCard becomes <code><nowiki><a class="email" href="mailto:...">...</a></nowiki></code>
* <code>PHOTO</code> in vCard becomes <code><img class="photo" src="..." alt="Photo of ..." /></code> or <code><object class="photo" data="..." type="...">Photo of ...</object></code>
* <code>UID</code> in vCard simply becomes another semantic applied to a specific URL (or EMAIL) for an hCard.

=== Singular vs. Plural Properties ===

For properties which are singular (e.g. "N" and "FN"), the first descendant element with that class should take effect, any others being ignored.

For properties which can be plural (e.g. "TEL"), each class instance should create a instance of that property.

==== Singular properties ====

Singular properties: "FN", "N", "BDAY", "TZ", "GEO", "SORT-STRING", "UID", "CLASS".

All other properties are plural. This list has been derived by analyzing the semantics of the individual properties in vCard RFC2426 and determining logically that they MUST be singular per their semantics. See [[hcard-singular-properties]] for explanations.

==== Plural Properties Singularized ====

Since plural property names become their singular equivalents, even if the original plural property permitted only a single value with multiple components, those multiple components are represented each with their own singularly named property and the the property is effectively multivalued and subject to the above treatment of multivalued properties.

=== Human vs. Machine readable ===

If an <code><abbr></code> element is used for a property, then the '<code>title</code>' attribute of the <code><abbr></code> element is the value of the property, instead of the contents of the element, which instead provide a human presentable version of the value.

If an <code><a></code> element is used for one or more properties, it must be treated as follows:
# For the "PHOTO" property and any other property that takes a URL as its value, the <code>href="..."</code> attribute provides the property value.
# For other properties, the element's content is the value of the property.

If an <code><img></code> element is used for one or more properties, it must be treated as follows:
# For the "PHOTO" property and any other property that takes a URL as its value, the <code>src="..."</code> attribute provides the property value.
# For other properties, the <code><img></code> element's '<code>alt</code>' attribute is the value of the property.

If an <code><object></code> element is used for one or more properties, it must be treated as follows:
# For the "PHOTO" property and any other property that takes a URL as its value, the <code>data="..."</code> attribute provides the property value.
# For other properties, the element's content is the value of the property.

=== Value excerpting ===

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 "<code>value</code>" is introduced to excerpt out the subset of the element that is the value of the property. E.g. here is an hCard fragment for marking up a home phone number:<br />

vCard:
<pre><nowiki>
TEL;TYPE=HOME:+1.415.555.1212
</nowiki></pre>

hCard:
<pre><nowiki>
<span class="tel">
<span class="type">home</span>:
<span class="value">+1.415.555.1212</span>
</span>
</nowiki></pre>

This hCard fragment could be displayed as:

<div style="border: thin dashed black; width: 95%; padding: .5em 1em;">
<span class="tel">
<span class="type">home</span>:
<span class="value">+1.415.555.1212</span>
</span>
</div>

=== Property Exceptions ===

vCard has several properties which either do not make sense on, or are already implied within the context of a web page. This section explains what to (not) do with them.

# '''NAME''', '''PROFILE''', '''SOURCE''', '''PRODID''', '''VERSION''' properties as defined in Sections 2.1.2, 2.1.3, 2.1.4, 3.6.3, 3.6.9 of RFC 2426. Content publishers MUST NOT use these properties in their hCards, and as such, hCard consumers/parsers MUST IGNORE these properties if they are found within an hCard. Instead. hCard to vCard converters SHOULD use the title of the page where the hCard is found (e.g. the <code><title></code> element in (X)HTML documents) to construct the NAME property, MAY output a PROFILE value of "<code>VCARD</code>" per RFC 2426, SHOULD use the URL of the page where the hCard is found to construct the SOURCE property (e.g. perhaps as a parameter to a URL/service that converts hCards to vCards), for an output vCard stream (e.g. a .vcf file). Only services/applications that output actual vCards should write the PRODID property, with the product identifier for said service/application. Similarly only such services/applications should write the VERSION property, with the value "3.0" (without quotes) per RFC2426 Section 3.6.9.

=== Organization Contact Info ===

If the "FN" and "ORG" properties have the exact same value (typically because they are set on the same element, e.g. class="fn org"), then the hCard represents contact information for a company or organization and should be treated as such. In this case the author MUST also NOT set the "N" property, or set it (and any sub-properties) explicitly to the empty string "". Thus parsers should handle the missing "N" property in this case by implying empty values for all the "N" sub-properties.

=== Implied "n" Optimization ===

Although vCard requires that the "N" property be present, the authors of the vCard specification (RFC 2426) themselves do not include "N" properties in their vCards near the end of the spec (p.38). This apparent contradiction can be resolved by simply allowing the "FN" property to imply "N" property values in typical cases provided in the spec. We do so explicitly in hCard.

If "FN" and "ORG" are not the same (see previous section), and the value of the "FN" property is exactly two words (separated by whitespace), and there is no explicit "N" property, then the "N" property is inferred from the "FN" property. For "FN"s with either one word see below, and for three or more, the author MUST explicitly markup the "N", except for the organization contact info case, [http://microformats.org/wiki/hcard#Organization_Contact_Info see above] for that.

# The content of "FN" is broken into two "words" separated by whitespace.
# The ''first'' word of the "FN" is interpreted as the "given-name" for the "N" property.
# The ''second/last'' word of the "FN" is interpreted as the "family-name" for the "N" property.
# Exception: If the first word ends in a "," comma OR if the second word is a single character (optionally followed by a period "."), then the first word (minus the comma at the end if any) is interpreted as the "family-name" and the second word is interpreted as the "given-name".

This allows simplification in the typical case of people stating:
* given-name (space) family-name
* family-name (comma) given-name
* family-name (comma) given-name-first-initial
* family-name (space) given-name-first-initial (optional period)

=== Implied "nickname" Optimization ===

Due to the prevalence of the use of nicknames/handles/usernames on the Web in actual content published on the Web (e.g. authors of [[hReview|reviews]]), hCard also has an implied "nickname" optimization to handle this.

Similar to the implied "n" optimization, if "FN" and "ORG" are not the same, and the value of the "FN" property is exactly one word, and there is no explicit "N" property, then:

# The content of the "FN" is treated as a "nickname" property value.
# Parsers should handle the missing "N" property by implying empty values for all the "N" sub-properties.

Note: the hCard may have additional explicit "nickname" property values in addition to the implied nickname.

=== Implied "organization-name" Optimization ===

The "ORG" property has two subproperties, organization-name and organization-unit. Very often authors only publish the organization-name. Thus if an "ORG" property has no "organization-name" inside it, then its entire contents MUST be treated as the "organization-name".

=== Tags as Categories ===

Categories in hCard can optionally be represented by tags with rel-tag. When a category property is a rel-tag, the tag (as defined by rel-tag) is used for that category.

=== Root Class Name ===

The root class name for an hCard is "vcard".

=== Property List ===

This is the list of properties (and subproperties, in parentheses, like this) in hCard, taken from vCard:

* fn, n (family-name, given-name, additional-name, honorific-prefix, honorific-suffix), nickname, sort-string
* url, email (type, value), tel (type, value)
* adr (post-office-box, extended-address, street-address, locality, region, postal-code, country-name, type, value), label
* geo (latitude, longitude), tz
* photo, logo, sound, bday
* title, role, org (organization-name, organization-unit)
* category, note
* class, key, mailer, uid, rev

==== type subproperty values ====

The 'type' subproperty in particular takes different values depending on which property it is a subproperty of. These 'type' subproperty values are case-INSENSITIVE, meaning "Home" is the same as "home", as well as multivalued, e.g. a tel can be home and preferred:

vCard:
<pre><nowiki>
TEL;TYPE=HOME,PREF:+1.415.555.1212
</nowiki></pre>

hCard:
<pre><nowiki>
<span class="tel"><span class="type">Home</span> (<span class="type">pref</span>erred):
<span class="value">+1.415.555.1212</span>
</span>
</nowiki></pre>

This could be displayed as:

<div style="border: thin dashed black; width: 95%; padding: .5em 1em; ">
<span class="tel"><span class="type">Home</span> (<span class="type">pref</span>erred):
<span class="value">+1.415.555.1212</span>
</span>
</div>

The following lists are ''informative''. See RFC 2426 sections 3.2.1 ADR, 3.3.1 TEL, and 3.3.2 EMAIL respectively for normative type values. They are repeated here for convenience. Default type subproperty value(s) is(are) first in each list and indicated in ALL CAPS. types may be multivalued.

* adr type: INTL, POSTAL, PARCEL, WORK, dom, home, pref
* tel type: VOICE, home, msg, work, pref, fax, cell, video, pager, bbs, modem, car, isdn, pcs
* email type: INTERNET, x400, pref, "other IANA registered address types"

=== XMDP Profile ===

See [[hcard-profile]] for the [http://gmpg.org/xmdp XMDP] profile of hCard which contains the above complete list of properties, with references to their RFC 2426 definitions.

=== Parsing Details ===

See [[hcard-parsing|hCard parsing]].

== Examples ==

This section is informative.

=== Sample vCard ===

Here is a sample vCard:

<pre><nowiki>
BEGIN:VCARD
VERSION:3.0
N:Çelik;Tantek
FN:Tantek Çelik
URL:http://tantek.com/
ORG:Technorati
END:VCARD
</nowiki></pre>

and an equivalent in hCard with various elements optimized appropriately. See [[hcard-example1-steps| hCard Example 1]] for the derivation.

<pre><nowiki>
<div class="vcard">
<a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
<div class="org">Technorati</div>
</div>
</nowiki></pre>

This hCard might be displayed as:
<div style="border: thin dashed black; width: 95%; padding: .5em 1em;">
[http://tantek.com/ Tantek Çelik]<br />
Technorati
</div>

Note: The version information is unnecessary in hCard markup directly since the version will be defined by the profile of hCard that is used/referred to in the 'profile' attribute of the <head> element.

=== More Examples ===
See [[hcard-examples|hCard examples]] for more examples, including all examples from vCard RFC 2426 converted into hCard.

== Examples in the wild ==
This section is '''informative'''. The number of hCard examples in the wild has expanded far beyond the capacity of being kept inline in this specification. They have been moved to a [[hcard-examples-in-wild|separate page]].

See [[hcard-examples-in-wild|hCard Examples in the wild]].

== Implementations ==
This section is '''informative'''. The number of hCard implementations has also expanded beyond the capacity of keeping them inline. They have been moved to a [[hcard-implementations|separate page]].

See [[hcard-implementations|hCard Implementations]].

== References ==
=== Normative References ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML 1.0 SE]
* [http://www.ietf.org/rfc/rfc2426.txt vCard RFC2426]
* [http://www.itu.int/rec/T-REC-E.123-200102-I/en ITU recommendation E.123] format of telephone numbers (chargeable document)

=== Informative References ===
* [http://www.w3.org/2002/12/cal/rfc2426 HTML reformatted version of RFC2426]
* [http://w3.org/TR/REC-CSS1 CSS1]
* [http://tantek.com/log/2004/09.html#hcard hCard term introduced and defined on the Web, 20040930]
* [http://wiki.oreillynet.com/foocamp04/index.cgi?SimpleSemanticFormats FOO Camp 2004 Simple Semantic Formats presentation, 20040910]
* Contributed from http://developers.technorati.com/wiki/hCard.
* [http://www.w3.org/TR/xhtml11 XHTML 1.1]
* [http://en.wikipedia.org/wiki/E.123 Wikipedia summary of ITU-T Recommendation E.123] - for "TEL" values.
* [http://www.imc.org/pdi/ Internet Mail Consortium Personal Data Interchange vCard and vCalendar]

==== Specifications That Use hCard ====
* [[adr]]
* [[geo]]
* [[hcalendar|hCalendar]]
* [[hreview|hReview]]

==== Similar Work ====
* [http://www.intertwingly.net/wiki/pie/PaceBetterPersonElement Atom PaceBetterPersonElement]
* [http://www.jabber.org/jeps/jep-0054.html JEP-0054: vcard-temp]

== Further Reading ==
* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon has a good intro to hCard
* [http://24ways.org/advent/practical-microformats-with-hcard Practical Microformats with hCard] by Drew McLellan
* [http://www.naturalsearchblog.com/archives/2006/09/28/tips-for-local-search-engine-optimization-for-your-site/ Local Search Engine Optimization using Microformats] by Chris Silver Smith
* [http://thedredge.org/ Andrew D. Hume] has written a blog post on [http://usabletype.com/articles/2005/usable-microformats/ usable microformats] which discusses hCard
* [http://www.thefutureoftheweb.com/blog/2006/1/hcard Jesse Skinner's introduction to hCard]
* [http://blog.usweb.com/ Shaun Shull's] great post on [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect SEO], including his [[hcard|hCard]] as an example.
* [http://24ways.org/2006/styling-hcards-with-css 24 Ways: Styling hCards with CSS] A 24 Ways article - John Allsopp on styling hCard using CSS
* See also [http://www.technorati.com/cosmos/referer.html blogs discussing this page] and the [http://technorati.com/tags/hcard hCard tag]

== Related Pages ==
{{hcard-related-pages}}

press

2006-12-14T01:39:32Z

JohnAllsopp: /* 2006 */

__NOTOC__
<h1> Press </h1>

This page documents the press that [[microformats]] has received. See also microformats [[screencasts]], [[presentations]], [[podcasts]], and [[books]].

==Ongoing==
* [http://www.google.com/custom?domains=programmableweb.com&q=microformats&sitesearch=programmableweb.com Search for 'microformats' at programmableweb.com]

== 2006 ==

=== December ===
* [http://24ways.org/2006/styling-hcards-with-css 24 Ways: Styling hCards with CSS] The 24 Ways article for December 14 is John Allsopp's article on styling hCard using CSS (2006-12-14).

=== November ===
* [http://accessify.com/news/2006/11/html-mastery/ Accessify.com announce ''HTML Mastery''] a new book by Paul Haine, with a chapter on microformats (2006-11-27).
* [http://www.netmag.co.uk .Net magazine (UK)], cover date December 2006, has tutorial on microformats, by Rachel Andrew (tutorial not available on-line)
* [http://www.ascii.co.jp/books/magazines/macpeople.shtml MacPeople], a paper magazine about Macintosh in Japan, contained an article about microformats on its 12/2006 issue, written by [http://nobi.com/nobilog/ Nobuyuki Hayashi].
* Cover story in iX 11/2006 p. 62-65: [http://www.heise.de/ix/artikel/2006/11/062/ Mehrwert-Markup] (German: additional value markup)
* [http://www.architecturejournal.net/2006/issue8/F5_Patterns/default.aspx Patterns for High-Integrity Data Consumption and Composition], in "The Architecture Journal", an online journal of web architecture published by Microsoft, mentions microformats as a way to maintain high data fidelity in loosely coupled, highly federated systems. "The considerable variety of data these days includes an extensive array of XML-based formats, as well as increasingly widespread, lighter weight data formats such as the JavaScript Object Notation (JSON) and microformats."

=== October ===
* [http://weblog.infoworld.com/techwatch/archives/008472.html INFOWORLD TECH WATCH: "Bloggers speak out on IE 7"] - published: October 20, 2006. Mention/discussion of microformats by Tantek Çelik and Kristopher Tate.
* Practical Web Design, October 2006 issue, "Microformats" article by Rachel Andrews
* W3C [http://www.w3.org/2006/10/grddl-pressrelease Press Release] GRDDL Spec

=== September ===
* ...

=== August ===
* [http://digital-web.com/articles/the_big_picture_on_microformats/ The Big Picture on microformats] - who's doing what with microformats right now - by John Allsopp - Published August 28th, 2006.
* [http://www.thinkvitamin.com/features/design/how-to-use-microformats Add microformats magic to your site] by John Allsopp - Published August 25th, 2006.

=== July ===
* [http://knowledge.wharton.upenn.edu/article.cfm?articleid=1526 Knowledge at Wharton: Tantek Çelik and Rohit Khare: The Progress and the Promise of Microformats] - Published: July 20, 2006
=== June ===
* [http://devzone.zend.com/node/view/id/584 Microformats, PHP and hKit], from devzone.zend.com, a PHP developer resource, 28th June.
* [http://www.mercurytide.com/knowledge/white-papers/microformats Building a more semantic web with microformats], from Mercurytide, 20th June.
=== May ===
* [http://www.devsource.com/article2/0,1895,1961106,00.asp DevSource: An Developer's Introduction to Microformats by Phil Haack, May 11.]
** See also Phil Haack's [http://haacked.com/archive/2006/05/11/IntroductionToMicroformatsArticle.aspx blog post about the article].
=== April ===
=== March ===
* (need to backfill these - there were a bunch and I think we simply forgot to add them in)
=== February ===
* [http://book.mycom.co.jp/wd/ Web Designing], a popular paper magazine for web industry in Japan, contained an article about microformats on its 03/2006 issue.
* [http://www.release1-0.com/freshproduce/newideas_socialtime.cfm Release 1.0 / Ideas / New Ideas that Matter: Time as a social object], February 16. Video interviews composite, including a bit on microformats.
* [http://2006.sxsw.com/interactive/web_awards/finalists/ SXSW 2006 Web Awards Finalists], February 3rd. [http://microformats.org microformats.org] is a finalist in the "Technical Achievement" category for "the sites that are re-inventing and re-defining the technical parameters of our online experience".
=== January ===
* [http://code.google.com/webstats/index.html Google Web Authoring Statistics, January 20]
*# The home page of the study "[http://code.google.com/webstats/index.html Web Authoring Statistics]" itself both mentions “microformats.org” and links to http://microformats.org .
*# The "[http://code.google.com/webstats/2005-12/pageheaders.html Page Headers]” page notes that the [http://gmpg.org/xfn/ XFN] microformat is the most popular HTML metadata profile: “…people do use the profile attribute, though. The three most-often used values are http://gmpg.org/xfn/1, http://dublincore.org/documents/dcq-html/, and http://gmpg.org/xfn/11. This makes XFN the most popular HTML metadata profile!”
*# The “[http://code.google.com/webstats/2005-12/element-a.html a element]” page found that three of the most popular ‘rel’ attribute values were microformats: #1 [[rel-nofollow]], #2 [[rel-license]], #5 [[rel-tag]].
* [http://www.philoneist.com/50226711/interview_with_technorati_marketing_director_derek_gordon.php Philoneist: Interview With Technorati Marketing Director Derek Gordon by Jonathan G. Cohen, January 11]
* [http://www.kbcafe.com/iBLOGthere4iM/?guid=20060101232742 #2 on the list of Best Web 2.0 Blogs, January 2]

== 2005 ==
=== December ===
* [http://www.publish.com/article2/0,1759,1904359,00.asp Publish: Year in Review: CSS, Standards, Microformats and Flash, By Stephen Bryant, December 21]
* [http://www.primezone.com/newsroom/news.html?d=91118 Newswire: Structured Blogging to support microformats, December 13th]
* [http://www.linuxjournal.com/article/8731 Linux Journal: Syndication and the Live Web Economy, By Doc Searls, December 9]
=== November ===
* [http://acmqueue.com/modules.php?name=Content&pa=showpage&pid=349&page=4 ACM Queue: A Conversation with Ray Ozzie, ACM Queue vol. 3, no. 9 - November 2005]
* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer by Garrett Dimon, November 14, 2005]
=== October ===
* [http://www.xml.com/pub/a/2005/10/19/microformats-and-web-2.0.html XML.com: Microformats and Web 2.0 by Micah Dubinko, October 19, 2005]
=== September ===
* [http://channel9.msdn.com/Showpost.aspx?postid=118325 Channel 9: Interview at PDC] - Robert Scoble interviews Tantek Çelik briefly on web standards, IE, and microformats.

=== July ===
* [http://www.acm.org/technews/articles/2005-7/0722f.html#item12 ACM News Service - Volume 7, Issue 819: Friday, July 22, 2005]
* [http://lists.ssc.com/pipermail/suitwatch/2005-July/000090.html Linux Journal: SuitWatch -- July 21 -- by Doc Searls, Senior Editor of Linux Journal: Making More Sense of the Web]
* [http://knowledge.wharton.upenn.edu/index.cfm?fa=viewArticle&id=1247&specialId=38 Knowledge at Wharton: Supernova 2005: It's a Whole New, Connected World: What's the Next Big Thing on the Web? It May Be a Small, Simple Thing -- Microformats]
** Simplified Chinese: <http://knowledge2.wharton.com.cn//index.cfm?fa=article&articleid=1203&specialid=58&languageid=4>
** Traditional Chinese: <http://knowledge2.wharton.com.cn//index.cfm?fa=article&articleid=1203&specialid=58&l=4&languageid=5>
** Original english version: <http://knowledge2.wharton.com.cn//index.cfm?fa=article&articleid=1203&specialid=58&languageid=1>
=== June ===
* [http://news.com.com/2030-12-5745034.html#microformats CNET News.com: Supernova 2005 blogcast] - David Weinberger interviews Tantek Çelik and Rohit Khare about microformats and [http://microformats.org/ microformats.org].
** [http://blog.blogcast2005.silkclips.com/clipView?http://silkblogs.com/FindResource/EC139870-22E5-F208-70FA-BC437BD64420/celik-khave-full.mov Watch the full interview with Rohit Khare & Tantek Çelik (22:21 minutes)]
* Golem: [http://www.golem.de/0506/38831.html microformats.org - Formate für Menschen und Maschinen] (German: microformats.org - Formats for humans and machines)

=== March ===
* [http://www.xml.com/pub/a/2005/03/23/deviant.html XML.com: What Are Microformats?]

press

2006-12-14T01:33:18Z

JohnAllsopp: /* 2006 */

__NOTOC__
<h1> Press </h1>

This page documents the press that [[microformats]] has received. See also microformats [[screencasts]], [[presentations]], [[podcasts]], and [[books]].

==Ongoing==
* [http://www.google.com/custom?domains=programmableweb.com&q=microformats&sitesearch=programmableweb.com Search for 'microformats' at programmableweb.com]

== 2006 ==

=== December ===
* [http://24ways.org/2006/styling-hcards-with-css 24 Ways: Styling hCards with CSS] The 24 Ways article for December 14 is John Alsopp's article on styling hCard using CSS (2006-12-14).

=== November ===
* [http://accessify.com/news/2006/11/html-mastery/ Accessify.com announce ''HTML Mastery''] a new book by Paul Haine, with a chapter on microformats (2006-11-27).
* [http://www.netmag.co.uk .Net magazine (UK)], cover date December 2006, has tutorial on microformats, by Rachel Andrew (tutorial not available on-line)
* [http://www.ascii.co.jp/books/magazines/macpeople.shtml MacPeople], a paper magazine about Macintosh in Japan, contained an article about microformats on its 12/2006 issue, written by [http://nobi.com/nobilog/ Nobuyuki Hayashi].
* Cover story in iX 11/2006 p. 62-65: [http://www.heise.de/ix/artikel/2006/11/062/ Mehrwert-Markup] (German: additional value markup)
* [http://www.architecturejournal.net/2006/issue8/F5_Patterns/default.aspx Patterns for High-Integrity Data Consumption and Composition], in "The Architecture Journal", an online journal of web architecture published by Microsoft, mentions microformats as a way to maintain high data fidelity in loosely coupled, highly federated systems. "The considerable variety of data these days includes an extensive array of XML-based formats, as well as increasingly widespread, lighter weight data formats such as the JavaScript Object Notation (JSON) and microformats."

=== October ===
* [http://weblog.infoworld.com/techwatch/archives/008472.html INFOWORLD TECH WATCH: "Bloggers speak out on IE 7"] - published: October 20, 2006. Mention/discussion of microformats by Tantek Çelik and Kristopher Tate.
* Practical Web Design, October 2006 issue, "Microformats" article by Rachel Andrews
* W3C [http://www.w3.org/2006/10/grddl-pressrelease Press Release] GRDDL Spec

=== September ===
* ...

=== August ===
* [http://digital-web.com/articles/the_big_picture_on_microformats/ The Big Picture on microformats] - who's doing what with microformats right now - by John Allsopp - Published August 28th, 2006.
* [http://www.thinkvitamin.com/features/design/how-to-use-microformats Add microformats magic to your site] by John Allsopp - Published August 25th, 2006.

=== July ===
* [http://knowledge.wharton.upenn.edu/article.cfm?articleid=1526 Knowledge at Wharton: Tantek Çelik and Rohit Khare: The Progress and the Promise of Microformats] - Published: July 20, 2006
=== June ===
* [http://devzone.zend.com/node/view/id/584 Microformats, PHP and hKit], from devzone.zend.com, a PHP developer resource, 28th June.
* [http://www.mercurytide.com/knowledge/white-papers/microformats Building a more semantic web with microformats], from Mercurytide, 20th June.
=== May ===
* [http://www.devsource.com/article2/0,1895,1961106,00.asp DevSource: An Developer's Introduction to Microformats by Phil Haack, May 11.]
** See also Phil Haack's [http://haacked.com/archive/2006/05/11/IntroductionToMicroformatsArticle.aspx blog post about the article].
=== April ===
=== March ===
* (need to backfill these - there were a bunch and I think we simply forgot to add them in)
=== February ===
* [http://book.mycom.co.jp/wd/ Web Designing], a popular paper magazine for web industry in Japan, contained an article about microformats on its 03/2006 issue.
* [http://www.release1-0.com/freshproduce/newideas_socialtime.cfm Release 1.0 / Ideas / New Ideas that Matter: Time as a social object], February 16. Video interviews composite, including a bit on microformats.
* [http://2006.sxsw.com/interactive/web_awards/finalists/ SXSW 2006 Web Awards Finalists], February 3rd. [http://microformats.org microformats.org] is a finalist in the "Technical Achievement" category for "the sites that are re-inventing and re-defining the technical parameters of our online experience".
=== January ===
* [http://code.google.com/webstats/index.html Google Web Authoring Statistics, January 20]
*# The home page of the study "[http://code.google.com/webstats/index.html Web Authoring Statistics]" itself both mentions “microformats.org” and links to http://microformats.org .
*# The "[http://code.google.com/webstats/2005-12/pageheaders.html Page Headers]” page notes that the [http://gmpg.org/xfn/ XFN] microformat is the most popular HTML metadata profile: “…people do use the profile attribute, though. The three most-often used values are http://gmpg.org/xfn/1, http://dublincore.org/documents/dcq-html/, and http://gmpg.org/xfn/11. This makes XFN the most popular HTML metadata profile!”
*# The “[http://code.google.com/webstats/2005-12/element-a.html a element]” page found that three of the most popular ‘rel’ attribute values were microformats: #1 [[rel-nofollow]], #2 [[rel-license]], #5 [[rel-tag]].
* [http://www.philoneist.com/50226711/interview_with_technorati_marketing_director_derek_gordon.php Philoneist: Interview With Technorati Marketing Director Derek Gordon by Jonathan G. Cohen, January 11]
* [http://www.kbcafe.com/iBLOGthere4iM/?guid=20060101232742 #2 on the list of Best Web 2.0 Blogs, January 2]

== 2005 ==
=== December ===
* [http://www.publish.com/article2/0,1759,1904359,00.asp Publish: Year in Review: CSS, Standards, Microformats and Flash, By Stephen Bryant, December 21]
* [http://www.primezone.com/newsroom/news.html?d=91118 Newswire: Structured Blogging to support microformats, December 13th]
* [http://www.linuxjournal.com/article/8731 Linux Journal: Syndication and the Live Web Economy, By Doc Searls, December 9]
=== November ===
* [http://acmqueue.com/modules.php?name=Content&pa=showpage&pid=349&page=4 ACM Queue: A Conversation with Ray Ozzie, ACM Queue vol. 3, no. 9 - November 2005]
* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer by Garrett Dimon, November 14, 2005]
=== October ===
* [http://www.xml.com/pub/a/2005/10/19/microformats-and-web-2.0.html XML.com: Microformats and Web 2.0 by Micah Dubinko, October 19, 2005]
=== September ===
* [http://channel9.msdn.com/Showpost.aspx?postid=118325 Channel 9: Interview at PDC] - Robert Scoble interviews Tantek Çelik briefly on web standards, IE, and microformats.

=== July ===
* [http://www.acm.org/technews/articles/2005-7/0722f.html#item12 ACM News Service - Volume 7, Issue 819: Friday, July 22, 2005]
* [http://lists.ssc.com/pipermail/suitwatch/2005-July/000090.html Linux Journal: SuitWatch -- July 21 -- by Doc Searls, Senior Editor of Linux Journal: Making More Sense of the Web]
* [http://knowledge.wharton.upenn.edu/index.cfm?fa=viewArticle&id=1247&specialId=38 Knowledge at Wharton: Supernova 2005: It's a Whole New, Connected World: What's the Next Big Thing on the Web? It May Be a Small, Simple Thing -- Microformats]
** Simplified Chinese: <http://knowledge2.wharton.com.cn//index.cfm?fa=article&articleid=1203&specialid=58&languageid=4>
** Traditional Chinese: <http://knowledge2.wharton.com.cn//index.cfm?fa=article&articleid=1203&specialid=58&l=4&languageid=5>
** Original english version: <http://knowledge2.wharton.com.cn//index.cfm?fa=article&articleid=1203&specialid=58&languageid=1>
=== June ===
* [http://news.com.com/2030-12-5745034.html#microformats CNET News.com: Supernova 2005 blogcast] - David Weinberger interviews Tantek Çelik and Rohit Khare about microformats and [http://microformats.org/ microformats.org].
** [http://blog.blogcast2005.silkclips.com/clipView?http://silkblogs.com/FindResource/EC139870-22E5-F208-70FA-BC437BD64420/celik-khave-full.mov Watch the full interview with Rohit Khare & Tantek Çelik (22:21 minutes)]
* Golem: [http://www.golem.de/0506/38831.html microformats.org - Formate für Menschen und Maschinen] (German: microformats.org - Formats for humans and machines)

=== March ===
* [http://www.xml.com/pub/a/2005/03/23/deviant.html XML.com: What Are Microformats?]

presentations

2006-12-02T21:44:34Z

JohnAllsopp: /* 2006 */

<h1> microformats presentations </h1>

This page lists various presentations, sessions, papers and posters which have provided explanations and discusions of both [[microformats]] in general, and specific microformats. Check out microformats [[events]] for upcoming presentations. See also microformats [[podcasts]] and [[screencasts]] for audio/video presentations and discussions.

Most recent presentations/sessions listed first.

== 2006 ==
* 2006-11-24, Taichi Kaminogoya presented to [http://2xup.org/log/2006/11/27-2219 microformats に触れてみよう] at [http://www.asahi-net.or.jp/~eb2m-mrt/kaihatsu9.html XML Developers' Day #9], Tokyo, JAPAN.
* October 28th, [http://www.keepthebyte.ch/2006/10/microformats-speech-at-barcamp-zurich.html Microformats Speech at Barcamp Zurich]
* October 10th, Taichi Kaminogoya presented to [http://2xup.org/log/2006/10/10-1800 microformatsがもたらすドキドキする未来] at [http://lp1.cssnite.jp/ CSS Nite LP Disk 1], Tokyo, JAPAN.
* September 28th, [http://www.webdirections.org/microformats/ Microformats] at Web Directions South, Sydeny Australia by John Allsopp.
* September 27th, [http://tantek.com/presentations/2006/09/microformats-intro/ Microformats Intro] at New Context 2006, Radisson Miyako Hotel, Minato-ku, Tokyo, JAPAN. See also [http://flickr.com/photos/tags/microformatsnewcontext2006 photos].
* September 16th, [http://fredericdevillamil.com/presentations/2006/que-sont-les-microformats/index.html Introducing Microformats for resume publishing] in French by Frederic de Villamil at Barcamp Paris 4. Location: 43 rue d'Aboukir, 75002 Paris France
* September 13th, [http://tantek.com/presentations/2006/09/microformats-practices/ Microformats Practices] at [[events/2006-09-13-future-of-web-apps-microformats|Future of Web Apps]] in San Francisco. Location: Palace of Fine Arts Theatre, Lyon Street, San Francisco CA 94123.
* August 26th, Tantek Çelik led the [http://barcamp.org/BarCampStanfordMicroformats BarCampStanfordMicroformats] discussion at room 426, Margaret Jacks Hall, Stanford, CA 94305. There is an [http://barcamp.org/f/MF-barcamp_08_26_2006.ogg Ogg recording of the session].
* July 11th, [http://tantek.com/presentations/2006/07/what-are-microformats/ What are microformats?] at [[events/2006-07-11-an-event-apart-microformats|An Event Apart in New York City]]
* July 6th, [http://yatil.de/webmontag/ka0706/ Mikroformate Erweiterte Semantik von HTML-Dokumenten] (Präsentation von Eric Eggert) Web mondays presentation in german - translation is available here
* June 15th, Phil Wilson presented to the [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ Institutional Web Management Workshop]
* June 8, Pete Prodoehl presented [http://rasterweb.net/raster/presentations/microformats-20060608/ Microformats] to the Milwaukee Web Design Meetup Group
* May 30, [http://netsquared.org NetSquared] [http://netsquared.org/conference/ Conference], 4:15pm-5:10pm: : [http://netsquared.org/conference/conference-sessions/Mashups A web more woven - the alchemy and practicalities of Mashups]. Tantek Çelik, Taylor McKnight and Chris Messina will discuss the core utility of microformats to publish and share data for/with mashups and other applications. Location: Jordan room, Cisco Systems' Vineyard Conference Center, 260 E. Tasman Drive, San Jose, CA.
* May 25, Brian Suda and Ryan King presented [http://theryanking.com/presentations/2006/www/ Practical Microformats] at WWW 2006 ([http://www.molly.com Molly Holzschlag] was orginally scheduled to give this talk, we filled in at the last minute with our slides from XTech)
* May 24, Kevin Lawver presented [http://presentations.lawver.net/standards/a_microformat_and_proposal_for/ A Microformat and Proposal For Interoperable Widgets]
* May 18, [http://xtech06.usefulinc.com/schedule/paper/148 The Intelligent Design of Microformats] by Ryan King at XTech 2006. ([http://theryanking.com/presentations/2006/xtech/talk/ slides]).
* May 16, [http://thebigjc.org/articles/2006/05/16/is-web-2-0-changing-the-software-industry Is Web 2.0 Changing the Software Industry?] by Chris Messina at [http://meshconference.com Mesh Conference]
* May 16, [http://theryanking.com/presentations/2006/xtech/tutorial/ Microformats from the Ground Up] by Brian Suda and Ryan King @ XTech 2006
* April 25, At [http://barcamp.org/TorCampDemoCamp5 DemoCamp #5 in Toronto], [http://blog.davidjanes.com David Janes] demonstrated [http://www.blogmatrix.com/ BlogMatrix] his platform for publish which supports microformats. (see [http://accordionguy.blogware.com/blog/_archives/2006/4/26/1913279.html Accordionguy blogpost]).
* April 23, [http://jazkarta.com/presentations/microformats.pdf/view Microformats and the Future of Syndication] by Nate Aune, AdaptiveWave (CM Pros Summit, San Francisco, CA)
* April 22, Intro to Microformats, [http://barcamp.pbwiki.com/BarCampBangalore Barcamp Bangalore], Bangalore, India, (photos [http://flickr.com/photos/abgpt/133393564/ 1], [http://flickr.com/photos/abgpt/133393545/ 2], [http://flickr.com/photos/abgpt/133393626/ 3])
* March 16, [http://ono.cdlib.org/archives/shimenawa/000219.html Reading 2.0] (see [http://radar.oreilly.com/archives/2006/03/link_list_reading_20_1.html Tim O'Reilly's notes]), San Francisco, CA
** Building with MicroFormats, [http://www.chaddickerson.com/blog/2006/03/17/reading-20-and-microformats/ Chad Dickerson], Yahoo
* March 13, SXSW Interactive, Room 17AB, Austin Convention Center, Austin, TX
** [[events/2006-03-13-sxsw-microformats|Microformats: Evolving the Web]], 11:30am-12:30pm
* March 11, SXSW Interactive, Room 17AB, Austin Convention Center, Austin, TX
** [http://tantek.com/presentations/2006/03/building-blocks Creating Building Blocks For Independents], 5pm-6pm
** [http://flickr.com/photos/tags/microformatssxsw photos]
* March 7, O'Reilly Emerging Technologies (ETech) Conference, Manchester Grand Hyatt, Ballroom, San Diego, CA
** [[events/2006-03-07-etech-microformats|Microformats intro and lightning demos at O'Reilly ETech conf.]], 5:30pm-6:15pm
** [http://flickr.com/photos/tags/microformatsetech photos]
* March 1, W3C Technical Plenary Day, Hotel Sofitel Cannes Mandelieu Royal Casino, main auditorium, 605 avenuedu Général de Gaulle, BP 49, MANDELIEU LA NAPOULE CEDEX, 06212 MANDELIEU LA NAPOULE, FRANCE
** [[events/2006-03-01-w3c-plenary-microformats|Microformats panel at W3C Technical Plenary Day]], 10:30am-11:30am
*** Ian Hickson (Google) - "A billion documents and no semantics anywhere" (NEED LINK TO SLIDES OR STUDY)
*** Tantek Çelik (Technorati) - "[http://tantek.com/presentations/2006/03/what-are-microformats/ What are microformats?]"
*** Håkon Wium Lie (Opera) - "Cascading Markup Languages — boom!" (NEED LINK TO SLIDES)
*** Rohit Khare (CommerceNet) - "[http://labs.commerce.net/~rohit/Angstro-W3C-TP/ Where Angle Brackets Fear to Tread]"
*** Dan Connolly (W3C) - "[http://www.w3.org/2003/g/talk62/slides Microformats for practical Semantic Web deployment]"
*** Q&A
**** "I'm very excited about '''microformats'''. What I really want is to get all the data out of databases and expressed as part of the Semantic Web." - Tim Berners-Lee. ('''emphasis''' added)
** "Services and the Web" by Mark Nottingham (Yahoo), 12:05pm-12:10pm.
*** Request to W3T/W3M: Go After The "Real" Web: Apache, PHP, Mozilla, Intermediaries and Caches, '''Microformats''', JSON... ('''emphasis''' added)
** Attendees voted the "Microformats" session the best session of the Plenary Day. 6:17pm.
* February 24, Yahoo Speakers Series, Yahoo Mission College Campus, 2nd floor conference room, 2821 Mission College Blvd., Santa Clara, CA 95054
** [http://tantek.com/presentations/2006/02/microformats-evolution/ Microformats: Evolving the Web]
* January 18, Apple Web Publishers internal meeting, Apple Computer, Star Trek conference room, 1 Infinite Loop, Cupertino, CA 95014, 12-1:40pm
** [http://tantek.com/presentations/2006/01/microformats-evolution/ Microformats: Evolving the Web]
* January 10, SD Forum Emerging Technologies SIG, Room H1, Cubberley Community Center, Palo Alto, CA, 7-9pm
** Ryan King's presentation, Ernie Prabhakar's presentation, Rohit Khare's presentation
** Microformats panel: Ryan King, Ernie Prabhakar, Rohit Khare, Tantek Çelik, Kevin Marks

== 2005 ==
* December 15, Syndicate Conference, San Francisco, CA
** [http://tantek.com/presentations/2005/12/syndicate-microformats/ Microformats - Emerging syndication types]
* November 26, [http://barcamp.org/index.cgi?TorCamp TorCamp], Teehan+Lax, 460 Richmond St. W, Toronto, ON, CA
** [http://www.davidjanes.com/docs/2005.11.25%20Microformats%20Presentation.ppt powerpoints] (sorry)
** [http://blog.davidjanes.com/mtarchives/2005_12.html#003467 photo]
* November 12, THINK Conference, Santa Cruz room, Chaminade hotel, Santa Cruz, CA, USA
** [[presentation-think-2005-11-12]]
* November 10, (location unknown), by Kevin Yank of SitePoint Pty. Ltd.
** [http://www.sitepoint.com/examples/innovation-on-standards/ Innovating on top of standards - Not around them]
* October 5, [http://web2con.com Web 2.0 Conference], Olympic Room, Argent Hotel, San Francisco, CA, USA
** [http://tantek.com/presentations/2005/10/microformats-examples/ Microformats Examples]
* October 4, [http://osafoundation.org/ OSAF], San Francisco, CA, USA
** [http://tantek.com/presentations/2005/10/microformats-evolution/ Microformats: Evolving the Web]
* September 30, [http://we05.com/ Web Essentials 05], Guthrie auditorium, University of Technology, Sydney, Australia
** [http://tantek.com/presentations/2005/09/microformats-evolution/ Microformats: Evolving the Web] ([http://we05.com/podcast/mp3/we05-14-tantek-celik2.mp3 MP3 - incomplete])
* September 29, [http://we05.com/ Web Essentials 05], Guthrie auditorium, University of Technology, Sydney, Australia
** [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] ([http://we05.com/podcast/mp3/we05-2-tantek-celik.mp3 MP3])
* September 25, [http://webzine2005.com/ Webzine 2005], Valhalla Room, Swedish American Hall, San Francisco, CA, USA
** [http://theryanking.com/presentations/2005/webzine/ Microformats @ Webzine 2005]
* September 21, Web Intelligence Conference, Compiegne, France
** [http://moloko.itc.it/paoloblog/presentations/presentation_wi05/presentation_wi05.html Page-reRank: using trusted links to re-rank authority] ([http://sra.itc.it/people/massa/publications/wi05_page_rerank_massa_hayes.pdf paper]) - A discussion of using [[vote-links]] to improve [http://www-db.stanford.edu/~backrub/google.html PageRank]
* June 20: Supernova 2005 ([http://supernova2005.com/ Supernova2005 site]), Microformats [http://supernova2005.com/workshops.htm Workshop], Wharton West, Suite 500, San Francisco, CA, USA
** "[http://tantek.com/presentations/2005/06/what-are-microformats/ What are Microformats?]"
** "[http://homepage.mac.com/kevinmarks/supernovatags.html A microformat for tags]"
** [http://wiki.commerce.net/wiki/ZCommerceWS#Microformats commercenet wiki page on the workshop] ([http://labs.commerce.net/wiki/index.php/ZCommerceWS#Microformats 2])
* May 14: Fourteenth International World Wide Web Conference ([http://www2005.org/ WWW2005]), 2005, Microformats Dev-Day Track, Makuhari Messe Room 303, Chiba, JAPAN
** "[http://tantek.com/presentations/2005/05/what-are-microformats/ What are Microformats?]"
** "[http://westciv.com/WWW2005/linkmf.html Link Microformats]"
** "[http://complexspiral.com/events/archive/2005/www2005/potential.html The Potential of Microformats]"
** "Distributed Social Networks (XFN Implementations)"
*** Demonstrations of [http://wordpress.org WordPress] & [http://metafilter.com Metafilter]'s builtin XFN support, and XFN search engines [http://rubhub.com/ RubHub] & [http://xhtmlfriends.net/ xhtmlfriends.net].
** "[http://tantek.com/presentations/2005/05/hcard-hcalendar/ People and Events (hCard & hCalendar)]"
** "[http://cnlabs.commerce.net/~rohit/hReview-in-Review/ hReview in Review]"
** "Bibliographies ([[hbib]])"
** "[http://westciv.com/WWW2005/xml2mf.html a more meaningful web with microformats]"
** "Semantic Web and Microformats" panel, Room 201

* March 15: "[http://tantek.com/presentations/2005/03/decentralizednetworks/ Decentralized Social Networks]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 17AB, Austin TX

* March 14: "[http://2005.sxsw.com/interactive/conference/panels/?action=show&id=IAP0060 How to Trick-Out Your Blog]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 16B, Austin TX

* March 13
** "[http://complexspiral.com/events/archive/2005/sxsw/ Emergent Semantics]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 15, Austin TX
** "[http://tantek.com/presentations/2005/03/leveragingtags.html Leveraging Tags]", as part of the "How to Leverage Solipsism" panel, South by South West Conference (SXSW) 2005, Austin Convention Center Room 18A, Austin TX
** "[http://tantek.com/presentations/2005/03/elementsofxhtml/ The Elements of Meaningful XHTML]", South by South West Conference (SXSW) 2005, Austin Convention Center Room 16B, Austin TX

* January 21: [http://tantek.com/presentations/2005/01/attentionxml.html Attention.xml Technology Overview], private presentation, Yahoo! campus, Santa Clara, CA

== 2004 ==

* September 28: "[http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean]", SD Forum Web Services SIG, eBay's Silicon Valley Conference Center 2161 North First Street San Jose, CA 95131

* September 12: "[http://wiki.oreillynet.com/foocamp04/index.cgi?MVCeqXHTMLCSSJS Model+View+Controller = XHTML+CSS+JS]", O'Reilly Media Foo Camp 2004, O'Reilly Campus, Wallcreeper room, Sebastopol CA

* September 11: "[http://wiki.oreillynet.com/foocamp04/index.cgi?AttentionXML Attention.XML]", O'Reilly Media Foo Camp 2004, O'Reilly Campus, Appaloosa room, Sebastopol CA

* September 10: "[http://wiki.oreillynet.com/foocamp04/index.cgi?SimpleSemanticFormats Simple Semantic Formats]", O'Reilly Media Foo Camp 2004, O'Reilly Campus, Camel room, Sebastopol CA

* March 15: "[http://tantek.com/presentations/2004sxsw/xfn.html Ridiculously Easy Social Software]", South by South West Conference (SXSW) 2004, Austin Convention Center Room 17B, Austin TX

* February 11th: "[http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics]", O'Reilly Emerging Technology Conference (ETech) 2004 Westin Horton Plaza, San Diego, CA. This presentation was the first public discussion and introduction of the terms "microformat" and "lowercase semantic web". Reprised as a five-minute lightning talk at [http://wiki.oreillynet.com/etech/index.cgi?ConCon ConCon], Rx Gallery, San Francisco CA (16 February 2004).

This page was contributed from [http://developers.technorati.com/wiki/MicroFormatsPresentations the Technorati developers wiki].

rel-tag

2006-11-24T03:36:29Z

JohnAllsopp: /* Informative References */

<h1> rel-tag </h1>

__TOC__

== Draft Specification 2005-01-10 ==
=== Editors/Authors ===
[http://tantek.com/ Tantek Çelik]

[http://epeus.blogspot.com/ Kevin Marks]

=== Concept ===
[http://powazek.com/ Derek Powazek]

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

=== Patents ===
{{MicroFormatPatentStatement}}

== Abstract ==
[[Rel-Tag]] is one of several [[MicroFormats]]. By adding <code>rel="tag"</code> to a hyperlink, a page indicates that the destination of that hyperlink is an author-designated "tag" (or keyword/subject) for the current page. Note that a tag may just refer to a major portion of the current page (i.e. a blog post). e.g. by placing this link on a page,

<pre><nowiki><a href="http://technorati.com/tag/tech" rel="tag">tech</a></nowiki></pre>

the author indicates that the page (or some portion of the page) has the tag "tech".

The linked page SHOULD exist, and it is the linked page, rather than the link text, that defines the tag. The last path component of the URL
is the text of the tag, so

<pre><nowiki><a href="http://technorati.com/tag/tech" rel="tag">fish</a></nowiki></pre>

would indicate the tag "tech" rather than "fish".

== Scope ==
rel="tag" is specifically designed for "tagging" content, typically web pages (or portions thereof, like blog posts).

rel="tag" is NOT designed for "tagging" arbitrary URLs or external content. There is demand for a general decentralized syntax for tagging URLs external to the current page, but this is not meant for that. See [[xfolk|xFolk]] and [[hreview|hReview]] for ways to tag arbitrary URLs.

If you need to define tags as part of a more specialised format, rel="tag" is the recommended way to do so, and [[xfolk|xFolk]], [[hreview|hReview]], [[hcard |hCard]] and [[hcalendar|hCalendar]] all do this.
== XMDP profile ==
<pre><nowiki>
<dl class="profile">
<dt id="rel">rel</dt>
<dd><p>
<a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
HTML4 definition of the 'rel' attribute.</a>
Here is an additional value.</p>
<dl>
<dt id="tag">tag</dt>
<dd>Indicates that the referred resource serves as a "tag",
or keyword/subject, for the referring page.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Tag Spaces ==

Tags are embedded in HTTP URIs in a well-defined manner so that the tag embedded in an HTTP URI can be mechanically extracted from that URI. Specifically, the last segment of the path portion of the URI (after the final "/" character) contains the tag value. For example, the URI <pre><nowiki>http://www.example.com/tags/foo</nowiki></pre> contains the tag "foo".

Thus, for the purposes of comparing two HTTP URIs as tags, the last segment of the path portion should be extracted and only that value (that value of the tag) should be compared.

''Need more formal language about comparison and extraction process.''

The destination of a rel="tag" hyperlink is required to be a tag space (a place that collates or defines tags), where the last segment of the path of the URL is the tag, e.g.

<pre><nowiki>http://technorati.com/tag/tech </nowiki></pre>

is a URL for the tag "tech".

Tags may only be placed in the URL path, and only in the last segment of the path. Tags may not be placed in query parameters or fragment identifiers. e.g.

<pre><nowiki>http://technorati.com/tag/tech?tag=fish#emu </nowiki></pre>

is still a URL for the tag "tech", not "fish" or "emu".

Since the only part of a tag space URL of which any structure is required is the last path segment, a tag space URL can be hosted at any domain. Authors may choose to link to a tag at a particular tag space in order to provide a specific meaning. E.g. a tag for technology could link to:

<pre><nowiki> http://en.wikipedia.org/wiki/Technology </nowiki></pre>

Trailing slashes in tag URLs are ignored, that is:

<pre><nowiki> http://technorati.com/tag/Technology/ </nowiki></pre>
as a rel-tag URL is treated as:
<pre><nowiki> http://technorati.com/tag/Technology </nowiki></pre>

== Encoding issues ==
Spaces can be encoded either as <code>+</code> or <code>%20</code>. Unicode characters are encoded as specified in [http://www.ietf.org/rfc/rfc3986.txt RFC 3986]. For example:

<pre><nowiki><a href="http://technorati.com/tag/Sant%C3%A9+et+bien-%C3%AAtre" rel="tag">Santé et bien-être</a> </nowiki></pre>

Note that if using Wikipedia as a tagspace, as discussed above, you should use <code>%20</code> as they remap '+' to <code>%2B</code>, causing a page with a plus sign in the title (which usually does not exist) to appear.

== Tags Are Visible Metadata ==
<code>rel="tag"</code> hyperlinks are intended to be visible links on pages and posts. This is in stark contrast to meta keywords (which were invisible and typically never revealed to readers), and thus is at least somewhat more resilient to the problems which plagued meta keywords.

Making tag hyperlinks visible has the additional benefit of making it more obvious to readers if a page is abusing tag links, and thus providing more peer pressure for better behavior. It also makes it more obvious to authors, who may not always be aware what invisible metadata is being generated on their behalf.

As a result the invisible tag link syntax variant: <code><link rel="tag" href="..." /></code> SHOULD NOT be supported by implementations.

== Implementations ==
This section is '''informative'''.

The following implementations have been developed which either generate or parse rel-tag links. If you have a rel-tag implementation, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* [http://www.lingr.com Lingr] publishes rel-tags for all user entered tags.
* Nutch has a [[rel-tag]] parser [http://www.mail-archive.com/nutch-commits@lucene.apache.org/msg01014.html committed to their svn repository].
* [http://www.webstandards.org/action/dwtf/microformats/ Dreamweaver Extension suite] from the [http://webstandards.org/ Web Standards Project] enables rel-tagging from within Dreamweaver 8.
* [http://scooch.gr0w.com/ Scooch] slide show creator allows authors to generate rel-tags and group slide shows by rel-tag via a list or cloud with tag usage count.
* The Freetag plugin for the [http://www.s9y.org Serendipity] blog software supports rel-tags on a per-entry basis, as well as inside of its tag clouds. (The Freetag plugin is available inside of SPARTACUS)
* [http://placenamehere.com/TXP/pnh_mf/ pnh_mf] is a plugin for [http://textpattern.com/ Textpattern] that supports embedding rel-tags and other microformats in templates and blog posts. Written by [http://placenamehere.com/ Chris Casciano].
* [http://www.truist.com/blog/493/trutags-a-tagging-plugin-for-textpattern tru_tags] is a plugin for [http://textpattern.com/ Textpattern] that supports rel-tagging blog posts via the Keywords field.
* [http://news.livejournal.com/86492.html?thread=24881884 LiveJournal] - see also [http://www.livejournal.com/support/faq.bml?cat=tags their FAQ regarding their tags support]
* [http://trac.labnotes.org/cgi-bin/trac.cgi/wiki/TagsLinks TagsLinks] Turn each tag into links that let you find related content on tagging services.
* [http://odeo.com ODEO] [http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html publishes] rel-tags for user entered tags.
* [http://evdb.com EVDB] publishes rel-tags for user entered tags.
* [http://dev.wp-plugins.org/wiki/BunnysTechnoratiTags Tag plugin for WordPress]
* [http://noone.org/blog/tags/Tagging Tag plugin for Blosxom]
* Technorati first implemented rel-tag in its [http://technorati.com/tag/ Technorati Tags] service. Technorati indexes rel-tag tags.
* [http://consumingexperience.blogspot.com/2005/12/updated-multiple-word-technorati-tag.html Greasemonkey script for Firefox that generates tags for Blogger]
* [http://tools.microformatic.com/help/xhtml/rel-lint/ rel-lint] is a validation tool by [[User:DrewMcLellan|Drew McLellan]] that will validate existence of rel-tag attributes.

== References ==
=== Normative References ===
* [http://www.w3.org/TR/REC-html40/ HTML 4]
* [http://www.w3.org/TR/xhtml1/ XHTML 1]
* [http://gmpg.org/xmdp/ XMDP]
* RFC 3986 specifies URL syntax. Section 3.3 specifies URL paths and path segments.

=== Informative References ===
* [[hreview|hReview]] uses rel-tag for tags and scalar tags
* [[xfolk|xFolk]] uses rel-tag to build a distributed remote resource tagging construct
* [http://developers.technorati.com/wiki/attentionxml Attention.XML] uses rel-tag for reader tagging of pages, posts, feeds
* [[hcard|hCard]] can use rel-tag for categories
* [[hcalendar|hCalendar]] can use rel-tag for categories
* [http://technorati.com/help/tags.html Using Technorati Tags]
* Contributed from http://developers.technorati.com/wiki/RelTag
* [http://microformatique.com/?p=61 Know your rel-tag] at microformatique.com

== Discussions ==
* Feedback is encouraged on the [[rel-tag-feedback]] page.
* See also [http://www.technorati.com/cosmos/referer.html blogs discussing this page].
* History: [http://www.powazek.com/2005/07/000532.html How Tags Happened at Technorati] by [http://www.powazek.com/ Derek Powazek]

=== Q&A ===
* If you have any questions about rel-tag, check the [[rel-faq|rel FAQ]] first for general rel attribute questions, then check the [[rel-tag-faq|rel-tag FAQ]], and then if you don't find answers, ask your question on the [http://microformats.org/discuss microformats-discuss] mailing list.

=== Issues ===
* Please add any issues with the specification to the separate [[rel-tag-issues|rel-tag issues]] document.

include-pattern

2006-11-20T06:41:11Z

JohnAllsopp: /* background */

<h1> include pattern </h1>

Initially developed as part of [[resume-brainstorming]], it has become clear from actual microformats markup experience with real world sites, that several microformats (e.g. [[hresume|hResume]], [[hreview|hReview]], [[hatom|hAtom]] etc.) need a mechanism to include a portion of data from an area of a page into another area of a page. This page documents this pattern for re-use in those microformats and any others that need this feature.

; Author: Tantek Çelik

__TOC__

== background ==

In [[hresume|hResume]], we needed the ability to include the name from the hCard at the top of the resume for a person into their hCards in the middle of the resume which represented each of their job hCards (job title, organization name, address etc.), and thus developed the [http://microformats.org/wiki/resume-brainstorming#hCard_reference_via_object hCard reference via object technique].

== scope ==

The include pattern is strictly limited to the scope of the current page. This is by design in order to avoid multipage / multidomain etc. problems. Also "current page" uses cover the vast majority of use cases thus we are solving that problem first.

== class name "include" ==

In order to make this more explicit (helps forward compatibility for parsers), we are adding the class name "include" on the object element to indicate that that object refers to a subtree which should be included in its place by microformat parsers.

'''Proposal 1:''' Allow the use of <nowiki><a href class="include"></nowiki> as a secondary include-pattern mechanism, due to some browsers mishandling the object include-pattern. See [[include-pattern-feedback]] for details.

== object include example ==

Here is an example of an [[hcard|hCard]] you could have at the top of a page, shown here also as a verbose hCard for purposes of illustration that the reference may be to a subtree, not just a text node:

<pre><nowiki>
<span class="vcard">
<span class="fn n" id="j">
<span class="given-name">James</span> <span class="family-name">Levine</span>
</span>
</span>
</nowiki></pre>

Somewhere else on the page, you could have another hCard which would re-use that "fn n" content from the first hCard:

<pre><nowiki>
<span class="vcard">
<object data="#j" class="include"></object>
<span class="org">SimplyHired</span>
<span class="title">Microformat Brainstormer</span>
</span>
</nowiki></pre>

Thus a microformat parser would treat the above as follows, with the object include completely replaced by the subtree that it references:

<pre><nowiki>
<span class="vcard">
<span class="fn n" id="j">
<span class="given-name">James</span> <span class="family-name">Levine</span>
</span>
<span class="org">SimplyHired</span>
<span class="title">Microformat Brainstormer</span>
</span>
</nowiki></pre>

This method of hCard property indirection via an object element can apply to any/all properties in class-based microformats.

Note 1: To avoid unsightly messes in Safari, you should include the following style rule in a style sheet for the page:
<pre><nowiki>
object.include { width:0; height:0 }
</nowiki></pre>

Note 2: To prevent infinite loops, if a class="include" refers to itself or an ancestor in the parse tree, then it is ignored and has no effect on the parser.

== hyperlink include example ==

Per the proposal 1 above, here is how you would code the above object include example using the <nowiki><a href></nowiki> tag.

<pre><nowiki>
<span class="vcard">
<a href="#j" class="include"></a>
<span class="org">SimplyHired</span>
<span class="title">Microformat Brainstormer</span>
</span>
</nowiki></pre>

Changes:
# a open/close tag instead of object open/close tag
# href attribute instead of data attribute
# ... that's it. only 2 changes.

And just as in the object include example, the end effective result to the parser is the same, and the same '''Notes''' apply.

<pre><nowiki>
<span class="vcard">
<span class="fn n" id="j">
<span class="given-name">James</span> <span class="family-name">Levine</span>
</span>
<span class="org">SimplyHired</span>
<span class="title">Microformat Brainstormer</span>
</span>
</nowiki></pre>

== restrictions ==

Per the [[include-pattern#scope|scope]], the object 'data' attribute and a 'href' attribute MUST be local ID references when used as include pattern instances. External references (which would require a consuming application to load an external resource) are currently not supported by this method.

== Acknowledgments ==

Thanks to discussions and brainstorms with a bunch of folks: Ryan King, James Levine, the whole crowd at the [http://mashupcamp.com/index.cgi?HAtomFinalization Microformats specifications working session] at MashupCamp, Brian Suda, Scott Reynen, Drew McLellan.

== Specifications Using ==
* [[hresume|hResume]]
* [[hreview|hReview]]

=== Considering ===
* [[hatom|hAtom]]
* [[hcalendar|hCalendar]]
* [[hcard|hCard]]
* [[currency]]
* [[measure]]

== Implementations ==
* X2V implements the [[include-pattern]] when parsing [[hcard|hCards]] and [[hcalendar|hCalendars]] for both object.include and a.include.

== References ==

=== Normative ===
* HTML 4.01
* XHTML 1.0

=== Informative ===
* [[hcard|hCard]]

=== Related ===

* [http://www.mnot.net/javascript/hinclude.html Introducing HInclude] by Mark Nottingham.
** HInclude is a markup extension + javascript library for including *external* files into an XHTML document.

== Discussions ==
* Feedback is encouraged on the [[include-pattern-feedback]] page.
* See also [http://www.technorati.com/cosmos/referer.html blogs discussing this page].

=== Q&A ===
* If you have any questions about include-pattern, check the [[include-pattern-faq|include-pattern FAQ]], and if you don't find answers, add your questions to the end of the page!

=== Issues ===
* Please add any issues with the specification to the separate [[include-pattern-issues|include-pattern issues]] document.

rel-license

2006-11-18T01:36:09Z

JohnAllsopp: /* Informative References */

= rel="license" =

Rel-License is a simple, open, format for indicating content licenses which is embedable in (X)HTML, Atom, RSS, and arbitrary XML. Rel-License is one of several [[microformats|microformat]] open standards.

__TOC__

== Specification 2005-02-06 ==
=== Author ===
[http://tantek.com/ Tantek Çelik], [http://technorati.com Technorati, Inc.] (formerly of [http://microsoft.com/ Microsoft Corporation])

=== Copyright ===
{{MicroFormatCopyrightStatement2004}}

=== Patents ===
{{MicroFormatPatentStatement}}

== Abstract ==

Rel-License is one of several MicroFormats. By adding <code>rel="license"</code> to a hyperlink, a page indicates that the destination of that hyperlink is license for the current page. E.g. with the following hyperlink:

<pre><nowiki>
<a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>
</nowiki></pre>

the author indicates that the page is licensed under a Creative Commons 2.0 Attribution Required license.

== Multiple Licenses ==
Multiple such rel="license" hyperlinks indicate that the page is available under any of the referred licenses. E.g. the following hyperlinks could be used to declare that a page is available under either a Creative Commons 2.0 Attribution Required license or the Apache 2.0 license:

<pre><nowiki><a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>
<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="license">Apache 2.0</a></nowiki></pre>

== XMDP profile ==
<pre><nowiki>
<dl class="profile">
<dt id="rel">rel</dt>
<dd><p>
<a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
HTML4 definition of the 'rel' attribute.</a>
Here is an additional value.</p>
<dl>
<dt id="license">license</dt>
<dd>Indicates that the referred resource is a license for the referring page.</dd>
</dl>
</dd>
</dl>
</nowiki></pre>

== Implementations ==
* [http://www.webstandards.org/action/dwtf/microformats/ Dreamweaver Extension suite] from the [http://webstandards.org/ Web Standards Project] enables the authoring of rel-license links from within Dreamweaver 8. Includes (cc) defaults.
* [http://placenamehere.com/TXP/pnh_mf/ pnh_mf] is a plugin for [http://textpattern.com/ Textpattern] that supports embedding rel license and other microformats in templates and blog posts. Written by [http://placenamehere.com/ Chris Casciano].
* [http://creativecommons.org/license/ Creative Commons (cc) license chooser]
* [http://search.yahoo.com/cc Yahoo! (cc) search]
* [http://www.google.com/support/bin/answer.py?answer=29508 Google "Usage Rights" search]

== References ==
=== Normative References ===
* [http://gmpg.org/xmdp/ XMDP]

=== Informative References ===
* 20040211 rel="license" first proposed in presentation [http://tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] at 2004 O'Reilly Emerging Technologies Conference, San Diego, CA, USA.
* 20040225 [http://tantek.com/log/2004/02.html#d25t1805 Thorough discussion of rel="license"] including advantages and presentation possibilities.
* [http://creativecommons.org/licenses/by/2.0/ Creative Commons 2.0 By (Attribution Required) license]
* [http://www.apache.org/licenses/LICENSE-2.0 Apache 2.0 license]
* Contributed from http://developers.technorati.com/wiki/RelLicense
* [http://microformatique.com/?p=60 Know your rel-license at Microformatique]

== see also ==
* See [[rellicense-issues]] for issues which have been raised with this [[microformat]].