hCalendar


 / Published in: HTML
 

  1. <div class="vevent">
  2. <h3 class="summary"><a class="url" href="http://www.event.url/" title="Event Title">Event Title</a></h3>
  3. <p class="description">Event Description</p>
  4. <ul>
  5. <li>Datetime: <abbr class="dtstart" title="20060615T1900+0900">June 15, 2006 - 19:00</abbr> to <abbr class="dtend" title="20060615T2100+0900">21:00</abbr></li>
  6. <li>Location: <span class="location">Location</span></li>
  7. </ul>
  8. </div>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: batuhan on July 22, 2009

1.

2. Event Title 3.

Event Description

4.
    5.
  • Datetime: June 15, 2006 - 19:00 to 21:00
  • 6.
  • Location: Location
  • 7.
8.

Posted By: LeeRJohnson on February 22, 2010

Would a data list be more appropriate when labels are displayed? Well anyway here is alternate format.

...

Datetime
 June 15, 2006 - 19:00 to 21:00
Location
 Location
Posted By: LeeRJohnson on February 22, 2010

Would a data list be more appropriate when labels are displayed? Well anyway here is alternate format. <div class="vevent"> ... <dl> <dt>Datetime</dt> <dd><abbr class="dtstart" title="20060615T1900+0900">June 15, 2006 - 19:00</abbr> to <abbr class="dtend" title="20060615T2100+0900">21:00</abbr></dd> <dt>Location</dt> <dd><span class="location">Location</span></dd> </dl> </div>

You need to login to post a comment.