schemaorg-coda :: Example

eg-0171

From v29.4

JSON-LD

{
  "@context": "https://schema.org",
  "@type": "Event",
  "eventStatus": "https://schema.org/EventCancelled",
  "location": {
    "@type": "Place",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Denver",
      "addressRegion": "CO",
      "postalCode": "80209",
      "streetAddress": "7 S. Broadway"
    },
    "name": "The Hi-Dive"
  },
  "name": "CANCELLED - Typhoon with Radiation City",
  "offers": {
    "@type": "Offer",
    "price": "13.00",
    "priceCurrency": "USD",
    "url": "http://www.ticketfly.com/purchase/309433"
  },
  "startDate": "2013-09-14T21:30"
}

RDFa

<div vocab="https://schema.org/" class="event-wrapper" typeof="Event">
    <div class="event-date" property="startDate" content="2013-09-14T21:30">
        Sat Sep 14
    </div>
    <div class="event-title" property="name">
        CANCELLED - Typhoon with Radiation City
    </div>
    <meta property="eventStatus" content="https://schema.org/EventCancelled">
    <div class="event-venue" property="location" typeof="Place">
        <span property="name">The Hi-Dive</span>
        <div class="address" property="address" typeof="PostalAddress">
            <span property="streetAddress">7 S. Broadway</span><br>
            <span property="addressLocality">Denver</span>, <span property="addressRegion">CO</span> <span property="postalCode">80209</span>
        </div>
    </div>
    <div class="event-time">9:30 PM</div>
    <div property="offers" typeof="Offer">
        $<div class="event-price" property="price">13.00</div>
        <meta property="priceCurrency" content="USD"><a property="url" href="http://www.ticketfly.com/purchase/309433">Tickets</a>
    </div>
</div>

Microdata

<div class="event-wrapper" itemscope itemtype="https://schema.org/Event">
    <div class="event-date" itemprop="startDate" content="2013-09-14T21:30">
        Sat Sep 14
    </div>
    <div class="event-title" itemprop="name">
        CANCELLED - Typhoon with Radiation City
    </div>
    <meta itemprop="eventStatus" content="https://schema.org/EventCancelled">
    <div class="event-venue" itemprop="location" itemscope itemtype="https://schema.org/Place">
        <span itemprop="name">The Hi-Dive</span>
        <div class="address" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
            <span itemprop="streetAddress">7 S. Broadway</span><br>
            <span itemprop="addressLocality">Denver</span>, <span itemprop="addressRegion">CO</span> <span itemprop="postalCode">80209</span>
        </div>
    </div>
    <div class="event-time">9:30 PM</div>
    <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
        <div class="event-price" itemprop="price" content="13.00">$13.00</div>
        <meta itemprop="priceCurrency" content="USD">
        <a itemprop="url" href="http://www.ticketfly.com/purchase/309433">Tickets</a>
    </div>
</div>

Pre-Markup

<div class="event-wrapper">

  <div class="event-date">Sat Sep 14</div>
  <div class="event-title">Typhoon with Radiation City</div>
  <div class="event-title">CANCELLED - Typhoon with Radiation City</div>

  <div class="event-venue">
    The Hi-Dive
    <div class="address">
      7 S. Broadway<br>
      Denver, CO 80209
    </div>
  </div>

  <div class="event-time">9:30 PM</div>

  <div class="event-price">$13.00</div>
  <a href="http://www.ticketfly.com/purchase/309433">Tickets</a>

</div>