hPlace: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
Line 122: Line 122:
     <div class="summary">Here goes the place / monument description</div>
     <div class="summary">Here goes the place / monument description</div>
     <div class="coord geo"> GPS:<span class="latitude">38.384917</span>, <span class="longitude"> -7.345863</span></div>
     <div class="coord geo"> GPS:<span class="latitude">38.384917</span>, <span class="longitude"> -7.345863</span></div>
     <div class="">
     <div class="events">
        <h3>Next available events</h3>
         <div class="vevent">
         <div class="vevent">
             <a class="url" href="http://conferences.oreillynet.com/pub/w/40/program.html">http://conferences.oreillynet.com/pub/w/40/program.html</a>
             <a href="[your url]" class="url uid summary">Bye bye summer 2012</a>
             <span class="summary">Web 2.0 Conference</span>:
            <abbr class="dtstart" title="2012-08-30">August 30</abbr>
             <abbr class="dtstart" title="2005-10-05">October 5</abbr>-
        </div>
             <abbr class="dtend" title="2005-10-07">7</abbr>, at the <span class="location">Argent Hotel, San Francisco, CA</span>
        <div class="vevent">
             <a href="[your url]" class="url uid summary">Young week</a>
             <abbr class="dtstart" title="2012-08-25">August 30</abbr>
        </div>
        <div class="vevent">
             <a href="[your url]" class="url uid summary">Na. Sra. of Candeias</a>
            <abbr class="dtstart" title="2012-02-02">Feberuary 2nd</abbr>
         </div>
         </div>
     </div>
     </div>
  </div>
  </div>
</pre>
</pre>

Revision as of 21:15, 30 March 2012

<entry-title>hPlace</entry-title> This document represents a draft microformat specification. Although drafts are somewhat mature in the development process, the stability of this document cannot be guaranteed, and implementers should be prepared to keep abreast of future developments and changes. Watch this wiki page, or follow discussions on the #microformats IRC channel to stay up-to-date.

Draft Specification 2012-03-30

Editor/Author
Flávio Oliveira

Copyright

Per the public domain release on Flávio Oliveira, this specification is released into the public domain.

Format

  • hPlace (hplace). required.
    • name (place-name). required.
    • summary (summary). optional.
    • coord (summary). required, using geo.
    • address (address). optional, using adr.
    • type (type). optional, using rel-tag.
    • photo (photo).(permalink). optional.
    • url (url).(permalink). optional.
    • events (events).(permalink). optional, using hCalendar.


Field and Element Details

hPlace

  • A place element is identified by the class name hplace.
  • A place element should represent a geospatial place or area.
  • A place element could have a multiple sub places using nested hplace elemens.


name

  • A place name element is identified by the class name name.
  • A place name element is required.


summary

  • A place summary element is identified by the class name summary.
  • A place summary is optional.


coord

  • A place coord element is identified by the class name coord using geo.
  • A place coord element is required.


address

  • A place address element is identified by the class name address using adr.
  • A place address element is optional.


type

  • A place type element is identified by the class name type, using rel-tag.
  • A place type element is optional.


photo

  • A place photo element is identified by the class name photo.
  • A place photo element is optional.


url

  • A place url element is identified by the class name url.
  • A place url element is optional.


events

  • A place events element is identified by the class name events.
  • A place events element is optional.


Examples

Simple Place Definition

 <div class="hplace">
    <div class="name">Castle of Mourão</div>
    <div class="summary">Here goes the place / monument description</div>
    <div class="coord geo"> GPS:<span class="latitude">38.384917</span>, <span class="longitude"> -7.345863</span></div>
    <a href="[your url]" class="url">Find More here</a>
    <a href="[your url]" rel="tag">Monuments</div>
 </div>


Nested Place Definition

 <div class="hplace">
    <div class="name">Castle of Mourão</div>
    <div class="coord geo"> GPS:<span class="latitude">38.384917</span>, <span class="longitude"> -7.345863</span></div>
    <div class="hplace">
        <div class="name">Main entrance</div>
        <div class="coord geo"> GPS:
            <span class="latitude">38.384917</span>,
            <span class="longitude"> -7.345863</span>
        </div>
    </div>
    <div class="hplace">
        <div class="name">Tower of Oliveirinha</div>
        <div class="coord geo"> GPS:
            <span class="latitude">38.384862</span>,
            <span class="longitude">-7.346662</span>
        </div>
    </div>
    <div class="hplace">
        <div class="name">Castle Church entrance</div>
        <div class="coord geo"> GPS:
            <span class="latitude">38.384597</span>,
            <span class="longitude">-7.346469</span>
        </div>
    </div>    
 </div>


Simple Place Definition with events

 <div class="hplace">
    <div class="name">Castle of Mourão</div>
    <div class="summary">Here goes the place / monument description</div>
    <div class="coord geo"> GPS:<span class="latitude">38.384917</span>, <span class="longitude"> -7.345863</span></div>
    <div class="events">
        <h3>Next available events</h3>
        <div class="vevent">
            <a href="[your url]" class="url uid summary">Bye bye summer 2012</a>
            <abbr class="dtstart" title="2012-08-30">August 30</abbr>
        </div>
        <div class="vevent">
            <a href="[your url]" class="url uid summary">Young week</a>
            <abbr class="dtstart" title="2012-08-25">August 30</abbr>
        </div>
        <div class="vevent">
            <a href="[your url]" class="url uid summary">Na. Sra. of Candeias</a>
            <abbr class="dtstart" title="2012-02-02">Feberuary 2nd</abbr>
        </div>
    </div>
 </div>