recipe-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 62: Line 62:
* Composed of
* Composed of
** Recipe Intro Area
** Recipe Intro Area
*** Photo (in paragraph markup)
*** Photo (uses <code>&lt;p&gt;</code>)
*** Recipe Title (h1 heading)
*** Recipe Title (uses <code>&lt;h1&gt;</code>)
*** Quick intro description (not in paragraph markup)
*** Quick intro description (No <code>&lt;p&gt;</code>)
** Ingredients * (no list markup)
** Ingredients * (uses <code>&lt;br&gt;</code>)
** Preparation *
** Preparation *
*** Preparation instructions (some recipes offer Cooks' notes: - surrounded by *b* tagset, preceded and followed with *br* markup )
*** Preparation instructions (some recipes offer Cooks' notes: - surrounded by *b* tagset, and uses <code>&lt;br&gt;</code> )
*** Serving size
*** Serving size
*** Origin (span class = source, magazine title)
*** Origin (span class = source, magazine title)
*** Copyright info (span class = copyright: publication date, location if available)
*** Copyright info (span class = copyright: publication date and location if available)
** Your notes * (user/visitor may add/submit notes to appear on their printed copy)
** Your notes * (user/visitor may add/submit notes to appear on their printed copy)
** Reviews * (fork ratings, 1-4)
** Reviews * (fork ratings, 1-4)


Notes: Images are the secondary headings * (class = hdr) , no sub heading markup. Recipes do not use list markup and use br instead of paragraph markup in other areas.
Notes: Images are the secondary headings * (class = hdr) , no sub heading markup. Recipes do not use uses <code>&lt;li&gt;</code> and use <code>&lt;br&gt;</code> instead of <code>&lt;p&gt;</code> often.





Revision as of 02:44, 22 February 2006

Recipe Examples

Contributors

Recipe Lists

  • Steve and Aytek's recipes. Note that they are simply using XOXO for the lists. It doesn't appear that anything more is necessary for a list of recipes.
  • ...
  • ...

Recipes Examples

Lentil Stew

Neriman’s Mercimek - Yummy Lentils

  • Appears to be a simple BBEdit 5.0 conversion of a plain text file into HTML 3.2
  • Uses <br><br> to delimit sections
  • Composed of:
    • author of recipe
    • title of recipe, with English translation
    • top level structure of time/instructions, with ingredients noted as necessary for each step
    • serving suggestion(s) (serve with ...)

Mocha Brownie Cake

Mocha Brownie Cake

  • Composed of
    • title of recipe / food item (looks like a heading)
    • sequence of larger tasks (separated by subheadings), each of which has
      • list of ingredients (uses <ul>) for a particular component of the dish
      • preparation instructions for those ingredients
      • OR a instructions for assembling components of the dish
    • contributing baker - perhaps someone who has modified the recipe?
    • source - citation of where recipe originally came from

Sachertorte

Sachertorte (allrecipes.com)

  • Composed of
    • title of recipe (as a heading)
    • name of the submitter
    • description of the food item (e.g: "Elegant chocolate cake.")
    • optional photo
    • servings count
    • sequence of ingredients (uses <ul>)
    • sequence of preperation instructions (uses <ol>)

Cuba Libre

Cuba Libre (extratasty.com)

  • Composed of
    • title of recipe
    • name of the submitter
    • sequence of ingredients
    • preperation instructions (continuous text)
    • Recipe rating (US school grad system)

Moroccan Braised Beef

Moroccan Braised Beef (epicurious.com)

  • Composed of
    • Recipe Intro Area
      • Photo (uses <p>)
      • Recipe Title (uses <h1>)
      • Quick intro description (No <p>)
    • Ingredients * (uses <br>)
    • Preparation *
      • Preparation instructions (some recipes offer Cooks' notes: - surrounded by *b* tagset, and uses <br> )
      • Serving size
      • Origin (span class = source, magazine title)
      • Copyright info (span class = copyright: publication date and location if available)
    • Your notes * (user/visitor may add/submit notes to appear on their printed copy)
    • Reviews * (fork ratings, 1-4)

Notes: Images are the secondary headings * (class = hdr) , no sub heading markup. Recipes do not use uses <li> and use <br> instead of <p> often.


Next Steps

  1. Add more examples and analysis of their markup and implied schemas
  2. Research existing recipe-formats (http://http://home.comcast.net/~episoft/ Mealmaster], RecipeML, ...)
  3. recipe-brainstorming on a minimal recipe schema that solves the 80/20 of examples