The output HTML from my Perch Template for a recipe.

Recipe HTML with Microdata

<div vocab="http://schema.org/" typeof="Recipe">
  <h1 property="name">Mom's World Famous Banana Bread</h1>
  <p>By <span property="author">John Smith</span>,
  <meta property="datePublished" content="2014-07-23">July 23, 2014</p>
  <img property="image" src="/perch/resources/banana-bread-w800.jpg" alt="Banana bread - image credit vialbost on Flickr" />
  <div property="description"><p>This classic banana bread recipe comes from my mom — the walnuts add a nice texture and flavor to the banana bread.</p></div>
  <p>Prep Time: <meta property="prepTime" content="PT15M" />15 minutes
  <br />Cook time: <meta property="cookTime" content="PT60M" />60 minutes
  <br />Yield: <span property="recipeYield">1 loaf</span></p>

  <div property="nutrition" typeof="NutritionInformation">
    <h3>Nutrition facts:</h3>
    <p><span property="calories">240 calories</span>,
    <span property="fatContent">9 grams fat</span></p>
  </div>
      
	<h3>Ingredients:</h3>
	<ul>
	  <li><span property="ingredients">3 or 4 ripe bananas, smashed</span>
    <li><span property="ingredients">1 egg</span>
    <li><span property="ingredients">3/4 cup of sugar</span>
  </ul>
  
  <h3>Instructions:</h3>
  <ol property="recipeInstructions">
    <li>Preheat the oven to 350 degrees.</li>
    <li>Mix in the ingredients in a bowl. Add the  flour last.</li>
    <li>Pour the mixture into a loaf pan and bake for one hour.</li>
  </ol>
</div>