This is mostly based on the HTML 5 microdata proposal as of 2009-05-12 08:00Z.

Output: JSON | N-Triples | N3/Turtle <div item> <p>Name: <span itemprop="name">Amanda</span></p> <p>Band: <span itemprop="band" item> <span itemprop="name">Jazz Band</span> (<span itemprop="size">12</span> players)</span></span></p> </div> <div item="org.w3.spec"> <h1 itemprop="org.w3.name">HTML5</h1> <a itemprop="org.w3.url" href="/TR/html5">Current Version</a> <div itemprop="org.w3.status" item> <p>Level: <span itemprop="org.w3.level">WD</span> <p>Date: <time itemprop="org.w3.pubdate" datetime="2009-02-03">03/02/2009</time> <p>Deadline: <time itemprop="org.w3.deadline" datetime="2009-03-02">02/03/2009</time> </div> <p>Working Group: <span itemprop="org.w3.wg">HTMLWG</span> </div> <p>The two lamps are <span item id=a><span itemprop="com.example.name">A</span></span> and <span item id=b><span itemprop="com.example.name">B</span></span>. The first is <span subject="a" itemprop="com.example.price">$20</span>, the second <span subject="b" itemprop="com.example.price">$30</span>. The first is <span subject="a" itemprop="com.example.power">5W</span>, the second <span subject="b" itemprop="com.example.power">7W</span>.</p> <section item="com.damowmow.cat"> <h1 itemprop="com.damowmow.name">Hedral</h1> <p itemprop="com.damowmow.desc">Hedral is a male american domestic shorthair, with a fluffy black fur with white paws and belly.</p> <img itemprop="com.damowmow.img" src="hedral.jpeg" alt="" title="Hedral, age 18 months"> </section> <h2>My Cats</h2> <dl> <dt>Schrödinger <dd item="com.damowmow.cat"> <meta itemprop="com.damowmow.name" content="Schrödinger"> <meta itemprop="com.damowmow.age" content="9"> <p itemprop="com.damowmow.desc">Orange male. <dt>Erwin <dd item="com.damowmow.cat"> <meta itemprop="com.damowmow.name" content="Lord Erwin"> <meta itemprop="com.damowmow.age" content="3"> <p itemprop="com.damowmow.desc">Siamese color-point. <img itemprop="com.damowmow.img" alt="" src="/images/erwin.jpeg"> </dl> <title>HTML 5 microdata demo</title> <link rel="stylesheet" href="example.css"> <link rel="prev next" href="#"> <meta name="keywords" content="lock, pin, tone, reef"> <blockquote cite="http://www.w3.org/">ding the Web</blockquote> <div item="x y"> <a itemprop="about" href="http://www.google.com/"><span itemprop="name">Google</span></a> </div> <div item="x"> <a item="y" itemprop="a b" href="http://www.google.com/"><span itemprop="name">Google</span></a> </div> <div item="x"> <span itemprop="about">Elephants</span> </div> <meta item id="n0"> <link subject="n0" itemprop="about" href="http://subject/"> <link subject="n0" itemprop="http://predicate/" href="http://object/"> <meta subject="n0" itemprop="http://predicate/" content="object">