Microformats: Difference between revisions

(a little more on use cases)
(note 1037483 in progress for social API)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span style="float:right; padding-right:1em">http://people.mozilla.com/~faaborg/files/20061211-microformatsIntroduction/logo.jpg</span>
<span style="float:right; padding-right:1em">http://people.mozilla.com/~faaborg/files/20061211-microformatsIntroduction/logo.jpg</span>


<dfn>[http://microformats.org/wiki/ Microformats]</dfn> are an HTML standard that express [[hCard|people]], [[hCalendar|events]], [[hReview|reviews]], [[hRecipe|recipes]], [[hAtom|datestamped content]], and other structured data in web pages in a way that makes them easily usable by web browser, search engines, and other web crawlers.  
<dfn>[http://microformats.org/wiki/ Microformats]</dfn> are an HTML standard that express [[h-card|people]], [[h-event|events]], [[h-review|reviews]], [[h-recipe|recipes]], [[h-entry|datestamped content]], and other structured data in web pages in a way that makes them easily usable by web browser, search engines, and other web crawlers.  


Web browsers in particular are able to associate the data with particular actions and provide a richer user experience for pages marked up with microformats.
Web browsers in particular are able to associate the data with particular actions and provide a richer user experience for pages marked up with microformats.
Line 7: Line 7:
<div style="float:right;clear:right">__TOC__</div>
<div style="float:right;clear:right">__TOC__</div>
== Common Microformats ==
== Common Microformats ==
* [[hCard]] - people and organizations
* [[h-card]] - people and organizations
* [[hCalendar]] - events
* [[h-event]] - events
* [[hReview]] - reviews of places, people, events, products, etc.
* [[h-review]] - reviews of places, people, events, products, etc.
* [[hAtom]] - blog posts, status updates, and any kind of episodic content
* [[h-entry]] - blog posts, status updates, and any kind of episodic content
* [[adr]] - structured addresses
* [[h-adr]] - structured addresses
* [[geo]] - latitude/longitude geolocations
* [[h-geo]] - latitude/longitude geolocations
* see http://microformats.org/wiki/ for more.
* see http://microformats.org/wiki/ for more.
== Projects ==
* [[microformats2-parsing]]


== Platform ==
== Platform ==
Firefox has some microformats parsing support in the Toolkit "product", microformats "component":
Firefox has some microformats parsing support in the Toolkit "product", microformats "component":
* [https://bugzilla.mozilla.org/buglist.cgi?list_id=11720648&query_format=advanced&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&component=Microformats&product=Toolkit open bugs for Firefox microformats support]
* [https://bugzilla.mozilla.org/buglist.cgi?list_id=11720648&query_format=advanced&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&component=Microformats&product=Toolkit open bugs for Firefox microformats support]
In addition there is active in-progress work to land [[microformats2-parsing]] support to support [[Social API]] use-cases:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=1037483 1037483 - update firefox microformats parser with microformats2 support] - in progress


== Use Cases ==
== Use Cases ==
* Social Bookmarking: Microformats can be passed to share, bookmarking, read-it-later, etc. style services to enable [https://developers.pinterest.com/rich_pins_overview/ "rich pinning"] of objects in the page.
Enhance existing Firefox features:
* Shopping: Microformats such as [[hReview]], [[hProduct]], and [[hListing]] support rich markup of products, useful in shopping carts, watching products for updates, product comparison shopping, etc.
* Firefox '''Share''' (airplane) button in toolbar
* automatically detecting venues, people, contacts, events, locations and integrating with built-in contacts, calendar, and mapping user interfaces.  
* Social Bookmarking: Microformats can be passed to bookmarking, read-it-later, etc. style services like [https://developers.pinterest.com/rich_pins_overview/ Pinterest's "rich pinning"] of objects in the page.
** '''FirefoxOS ([[Gaia/System/Microformats]])'''
* Context Menu: right-click on microformats such as
** [[h-card]] for "Add to Contacts"
** [[h-event]] for "Add to Calendar"
** [[h-adr]] & [[h-geo]] for "View in Map"
* Live Bookmarks / RSS Discovery and Preview (would enable [https://bugzilla.mozilla.org/show_bug.cgi?id=543630 Bug 543630])
 
Support new planned Firefox OS features:
* '''FirefoxOS ([[Gaia/System/Microformats]])'''
 
Future / potential features:
* Shopping: Microformats such as [[h-review]], [[h-product]], and [[h-listing]] support rich markup of products, useful in shopping carts, watching products for updates, product comparison shopping, etc.
* Automatically detecting venues, people, contacts, events, locations and integrating with built-in contacts, calendar, and mapping user interfaces.


== Benefits ==
== Benefits ==
Line 30: Line 47:
* Accurate data collection by services
* Accurate data collection by services


== Firefox Implementation Introduction==
== Firefox 3 Implementation ==
=== Firefox Implementation Introduction===
For background information on microformat detection, please see this series of blog posts by Alex Faaborg:
For background information on microformat detection, please see this series of blog posts by Alex Faaborg:
*[http://blog.mozilla.com/faaborg/2006/12/11/microformats-part-0-introduction Part 0: Introduction]
*[http://blog.mozilla.com/faaborg/2006/12/11/microformats-part-0-introduction Part 0: Introduction]
Line 38: Line 56:
*[http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/ Part 4: The User Interface of Microformat Detection]
*[http://blog.mozilla.com/faaborg/2007/02/04/microformats-part-4-the-user-interface-of-microformat-detection/ Part 4: The User Interface of Microformat Detection]


==User Experience==
===User Experience===
*[[microformats/UE/ideas|Brainstorming page]] about the user experience of microformat detection, please feel free to contribute any design work, or to comment on these conceptual mockups.
*[[microformats/UE/ideas|Brainstorming page]] about the user experience of microformat detection, please feel free to contribute any design work, or to comment on these conceptual mockups.


*Information about about the user interface of microformat detection can also be found on the [http://microformats.org/wiki/user-interface microformats.org wiki]
*Information about about the user interface of microformat detection can also be found on the [http://microformats.org/wiki/user-interface microformats.org wiki]


===Firefox 3===
====Firefox 3====
*[[ContentHandling:User_Interface/Preferences_Microformats|Preferences for Microformats]]
*[[ContentHandling:User_Interface/Preferences_Microformats|Preferences for Microformats]]


==Implementation==
===Implementation===
[http://www.kaply.com/weblog/ Michael Kaply] is working on the microformats implementation in Firefox 3.  There is some overlap with the content handling work being done by [http://wiki.mozilla.org/User:Dmose Dan Mosedale], and [http://blog.mozilla.com/faaborg/ Alex Faaborg] is working on the user interface.
[http://www.kaply.com/weblog/ Michael Kaply] worked on the microformats implementation in Firefox 3.  There is some overlap with the content handling work being done by [http://wiki.mozilla.org/User:Dmose Dan Mosedale], and [http://blog.mozilla.com/faaborg/ Alex Faaborg] is working on the user interface.


==Module==
===Module===
microformats is implemented in a module in Firefox.
microformats is implemented in a module in Firefox.

Latest revision as of 19:59, 9 December 2015

logo.jpg

Microformats are an HTML standard that express people, events, reviews, recipes, datestamped content, and other structured data in web pages in a way that makes them easily usable by web browser, search engines, and other web crawlers.

Web browsers in particular are able to associate the data with particular actions and provide a richer user experience for pages marked up with microformats.

Common Microformats

Projects

Platform

Firefox has some microformats parsing support in the Toolkit "product", microformats "component":

In addition there is active in-progress work to land microformats2-parsing support to support Social API use-cases:

Use Cases

Enhance existing Firefox features:

  • Firefox Share (airplane) button in toolbar
  • Social Bookmarking: Microformats can be passed to bookmarking, read-it-later, etc. style services like Pinterest's "rich pinning" of objects in the page.
  • Context Menu: right-click on microformats such as
  • Live Bookmarks / RSS Discovery and Preview (would enable Bug 543630)

Support new planned Firefox OS features:

Future / potential features:

  • Shopping: Microformats such as h-review, h-product, and h-listing support rich markup of products, useful in shopping carts, watching products for updates, product comparison shopping, etc.
  • Automatically detecting venues, people, contacts, events, locations and integrating with built-in contacts, calendar, and mapping user interfaces.

Benefits

  • Better control by content producers
  • Easy manipulation of data by clients without server side involvement
  • Accurate data collection by services

Firefox 3 Implementation

Firefox Implementation Introduction

For background information on microformat detection, please see this series of blog posts by Alex Faaborg:

User Experience

  • Brainstorming page about the user experience of microformat detection, please feel free to contribute any design work, or to comment on these conceptual mockups.
  • Information about about the user interface of microformat detection can also be found on the microformats.org wiki

Firefox 3

Implementation

Michael Kaply worked on the microformats implementation in Firefox 3. There is some overlap with the content handling work being done by Dan Mosedale, and Alex Faaborg is working on the user interface.

Module

microformats is implemented in a module in Firefox.