View source for events/2013-07-25-sfhtml5

{{DISPLAYTITLE:microformats2 & HTML5: The Next Evolutionary Step For Web Data at SFHTML5}}
<div class="event-page h-event vevent">
== Details ==
__TOC__
;When
:<span class="dt-start dtstart"><time class="value">2013-07-25</time> from <time class="value">18:00</time></span>-<span class="dt-end dtend"><time class="value" datetime="2013-07-25 21:00">21:00</time></span>
;Where
:<span class="p-location location h-card vcard"><span class="p-name fn p-org org"> Adobe</span>, <span class="h-adr adr"><span class="street-address p-street-address">601 Townsend st.</span>, <span class="locality p-locality">San Francisco</span>, <span class="p-region region">California</span></span></span>
;What
:<span class="p-name summary">microformats2 & HTML5: The Next Evolutionary Step For Web Data</span>
;Web
:<span class="u-url url">http://microformats.org/wiki/events/2013-07-25-sfhtml5</span>
:<span class="u-url url">http://lanyrd.com/2013/sfhtml5/</span>
: http://www.meetup.com/sfhtml5/events/125476252/
<!-- :http://plancast.com/p/gym6 -->
;Etherpad
: https://etherpad.mozilla.org/microformats2
; Slides 
: http://tantek.com/presentations/2013/07/microformats2
; Video
: http://youtu.be/kDQigkxyiqE

 
'''[http://h2vx.com/ics/microformats.org/wiki/events/2013-07-25-sfhtml5 Add this event to your calendar]''' http://www.boogdesign.com/images/buttons/microformat_hcalendar.png

== Description ==
<div class="description">

New HTML5 elements and microformats give us a simple way to represent web data without additional URLs, file formats, or callbacks. Microformats2 and HTML5 improvements bring better accessibility, simpler markup, improved semantics, and a direct mapping to JSON APIs for data consumers. 

Millions of web sites use microformats to make their data available. Other approaches have emerged as well (e.g. RDFa, microdata, OGP, schema, Twitter Cards). Tantek will discuss which microformats to use for search engines and for public APIs.

</div>

== Tags ==
Use the following tags on related content (blog posts, photos, [http://twitter.com tweets]):
tags:
<kbd class="tags" style="display:block">
<span class="p-category category">'''h5m2'''</span> 
<span class="p-category category">html5-microformats2</span> 
<span class="p-category category">html5</span> 
<span class="p-category category">microformats2</span> 
<span class="p-category category">microformats</span> 
<span class="p-category category">sfhtml5</span> 
<span class="p-category category">townsend-street</span> 
<span class="p-category category">san-francisco</span> 
<span class="p-category category">microformats-session</span> 
<span class="p-category category">''microformats-session-2013-07-25''</span>
<!-- <span class="p-category category">''upcoming:event=00000000''</span> <!-- Add/update this tag when you create the respective upcoming.org event -->
</kbd>
 
If you use Twitter, mention '''@microformats''' in tweets about the event, and track them on [http://search.twitter.com/search?q=microformats Twitter Search].

== Attendees ==
* <span class="p-attendee attendee h-card">[[User:Tantek|Tantek Çelik]]</span> - speaker
* … add yourself here!

== Photographs ==
<!-- Event Author: Update the following URL to use this event's tag -->
* Search for photographs from this event on Flickr: [http://flickr.com/photos/tags/microformats-session-2013-07-25 Photographs tagged microformats-session-2013-07-25] or for [http://flickr.com/photos/tags/microformats-session all photographs from microformats sessions].

In rough time sequence order:

[http://www.meetup.com/sfhtml5/photos/16309232/#263780682 http://photos3.meetupstatic.com/photos/event/5/0/c/a/600_263780682.jpeg]

[http://www.meetup.com/sfhtml5/photos/16309232/#263786152 http://photos2.meetupstatic.com/photos/event/6/6/2/8/600_263786152.jpeg]

[http://www.meetup.com/sfhtml5/photos/16309232/#263800512 http://photos1.meetupstatic.com/photos/event/9/e/4/0/600_263800512.jpeg]

[https://twitter.com/sfhtml5/status/360586298366521344 https://pbs.twimg.com/media/BQEPU_FCcAAFnO6.jpg][http://www.meetup.com/sfhtml5/photos/16309232/#263804212]

[http://www.meetup.com/sfhtml5/photos/16309232/#263804362 http://photos2.meetupstatic.com/photos/event/a/d/4/a/600_263804362.jpeg]

[http://www.meetup.com/sfhtml5/photos/16309232/#263808802 http://photos1.meetupstatic.com/photos/event/b/e/a/2/600_263808802.jpeg]

[https://lh3.googleusercontent.com/-svSntRqAorQ/UfHmXPvbxpI/AAAAAAAALLE/ITCg455sDIc/w965-h586-no/13+-+3 https://lh5.googleusercontent.com/-svSntRqAorQ/UfHmXPvbxpI/AAAAAAAALLE/ITCg455sDIc/w477-h290-no/13+-+3?x=.jpg]

''Add another photograph from this event here''.

== Notes ==
Presentation slides: 
* http://tantek.com/presentations/2013/07/microformats2

Topics:
* [[HTML5]]
* [[microformats2]]

Notes taken on https://etherpad.mozilla.org/microformats2

=== Q and A ===
Questions:

Q: Who is consuming [[microformats2]] in the wild?
* A: Numerous [[indieweb]] sites, at least one service (spinn3r) has claimed to consume h-entry as well.

Q: What can we do to get a microformat adopted?
* A: Keep it as simple as possible. Cut your spec and vocabularies in half. Choose about 10 properties at most.

Q: Why are some microformats pushed more and more successful than others?
* A: We publish with multiple formats to see which ones get adopted. We took the subset of the [[vCard]] standard that was useful for the [[hCard]] microformat. [[hEntry]] came from [[Atom]]. We tried to be very disciplined to use existing standards as much as possible, benefit from the hard work of others.

Q: What happened to [[rel-tag]]?
* A: rel=tag is a published microformat that was originally supported very well by [[Technorati]] and [[IceRocket]], neither of which support it any longer. rel-tag lingers but isn't consumed by anyone that we know of anymore. [[p-category]] is where tag data seems to be going (e.g. in [[h-card]], [[h-event]], [[h-review]], etc.).

Q: Why is [[h-product]] not listed as ready to use today?
* A: All of the microformats2 vocabularies listed on that slide we listed (e.g. [[h-card]], [[h-entry]], [[h-event]], [[rel-in-reply-to]], etc.) are being *consumed* today. We don't know of anyone consuming h-product today. Existing parsers will handle all of these that are currently specc'd out.

Q: How do you markup hidden data? E.g. Different (regional) states that products are available in for instance.
* A: The question is, what do you do with info you want to present globally to a search engine that you wouldn't need to show the user because they come with a context? It's a good question. Hidden information and meta tags tend to get out of sync with actual visible information. So we recommend not to use hidden data if possible, and markup whatever information you *do* have visible in the page or in inputs/selects for both users/browsers and search engines.

Q: Is [[microdata]] a classic microformat syntax?
* A: No, it's another format for markup in [[HTML5]] or later. Tends to require much more extra markup. It's a lot less work and code to use microformats.

Q: Should I replace my microdata with microformats?
* A: If you've already finished your microdata markup, then it's less work to just leave it. Add microformats in addition (both classic for the body tag, and [[microformats2]] for all the data on the page for your page API), and that should work fine.

== Articles and Blog Posts ==
Articles and blog posts following up on the meetup. Add a link to your post in the list below:

* 2013-07-24 Peter Lubbers: [https://plus.google.com/u/0/+PeterLubbers/posts/ELJG3NT6r1C Looking forward to tomorrow's #sfhtml5 meetup about #microformats with +Tantek Çelik]
* 2013-07-25 Peter Lubbers: [https://plus.google.com/u/0/+PeterLubbers/posts/VTGtmtfnDJ1 It's HTML5 &lt;time&gt; +Tantek Çelik talks about #microformats2 at +SFHTML5]
* 2013-07-30 Marakana: [http://marakana.com/s/post/1520/microformats_with_tantek_celik_video Microformats with Tantek Çelik]
* 2013-08-02 http://christopheducamp.com/w/2013-08-02#microformats
* …
 
<!-- Event Author: Update the following URL to use this event's tag -->
Also, find posts on this meetup on [http://blogsearch.google.co.uk/blogsearch?q=microformats-session-2013-07-25 Google Blog Search] or [http://technorati.com/search/microformats-session-2013-07-25 Technorati].

== Tweets and Testimonials ==
In time sequence order:
* ...

</div> <!-- End of @vevent -->
 
== Related Pages==
{{events-related-pages}}