HTML and CSS Reference
In-Depth Information
</time>
•
duration
—The
duration
should also be specified using a machine-readable time.
<time
itemprop="duration"
datetime="T8H30M">
8 Hours and 30 Minutes
</time>
The
datetime
attribute here uses a T to specify that this is a time, followed by the number of hours and
an H character (signifying hours), and finishes with the number of minutes followed by an M character (sig-
nifying minutes).
•
location
—The
location
property should be either a PostalAddress or Place item. The Joe's Pizza Co.
event will be held at the restaurant on Broadway.
<div
itemprop="location"
itemscope
itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">2450 Broadway</span>,
<span itemprop="addressRegion">NY<span>
</div>
•
performer
—You can also include a list of performers who are going to be at the event. These could be
musicians, speakers, or actors, for example. These should be marked up using either the Person or Organiz-
ation item. For our event some of the chefs will be participating in an extreme pizza tossing demonstration,
so we can add them to the event as performers.
<ul>
<li
itemprop="performer"
itemscope
itemtype="http://schema.org/Person">
<span itemprop="name">Giorgio Giove</span>
</li>
<li
itemprop="performer"
itemscope
itemtype="http://schema.org/Person">
<span itemprop="name">Joe Balochio</span>
</li>
</ul>
Here, we have defined two performers for the Joe's Pizza Co. event, using the
performer
property and
Person items.
•
attendee
—Websites such as lanyrd.com hold lists of all the people who have booked onto events so that
you can see if anybody you know is going. This has become quite a popular feature, especially within the
web industry.
Using the
attendee
property, you can mark up all this data so that it is useful for computer programs, too.
Here's how we would add attendees to our event:
<ul>
<li
itemprop="attendee"
itemscope
itemtype="http://schema.org/Person">
<span itemprop="name">Matt West</span><br>
<a itemprop="url" href="http://twitter.com/MattAntWest">
@MattAntWest
</a>
</li>
<li
itemprop="attendee"
itemscope
itemtype="http://schema.org/Person">
<span itemprop="name">Tom Meier</span><br>
<a itemprop="url" href="http://twitter.com/pommytom">
