talknowmonica/gist:874048

## gistfile1.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
     "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
     xmlns:og="http://opengraphprotocol.org/schema/"
     xmlns:foaf="http://xmlns.com/foaf/0.1/">

<head profile="http://www.w3.org/2003/g/data-view">
<base href="{place_url_of_this_page}" />
     <!-- <base /> Defines a default address or a default target for
       all links on a page. -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Begin OG Properties-->
     <meta property="og:title" content="{place_title_of_this_page}" />
     <meta property="og:type" content="article" />
          <!--To see a complete list of og:types,
              see http://ogp.me/#types -->
     <meta property="og:url" content="{place_url_of_this_page
     ex. http://project-beta.teamyehey.com/monica/experiment-cufon/OG_Sample.html}" />
     <meta property="og:image" content="{place_url_of_logo_or_photo}" />
     <meta property="og:description" name="description"
           content="{place_description_of_the_subject_or
                    _this_page_here}"/>
     <meta property="og:site_name" content="This Is Where The Website
           Name Will Go (Not URL)" />
     <meta property="og:latitude" content="{ex. 14.585774}" />
     <meta property="og:longitude" content="{ex. 121.060131}" />
          <!--You can use og:latitude and og:longitude to pinpoint the
              object's exact location. -->
     <meta property="og:street-address" content="{place_address_here}" />
     <meta property="og:locality" content="{place_City_Town_Munic}" />
     <meta property="og:region" content="{ex. NCR, Metro Manila}" />
     <meta property="og:postal-code" content="{place_post_or_zip}" />
     <meta property="og:country-name" content="{ex. Philippines}" />
     <meta property="og:email" content="{place_email_of_maker}" />
     <meta property="og:phone_number" content="{ex. +6329111420}" />
     <meta property="og:fax_number" content="{ex. +6329111420}" />
    	  <!--We have just defined address and contact information.-->
     <meta property="og:upc" content="{ex. SMA1230OPHJ}" />
          <!--UPC is a 12-digit barcode that uniquely identifies a
              product or service.-->
     <meta property="og:isbn" content="1234567890123" />
          <!--For products which have a UPC code or ISBN number, you
              can specify them using the og:upc and og:isbn properties.
              These properties help to make more concrete connections
              between graphs.-->

<!--End OG Properties-->

<link rel="canonical" href="{place_url_of_page
          ex. http://project-beta.teamyehey.com/monica/experiment-cufon/OG_Sample.html}" />
<link rel="transformation"
     href="http://ns.inria.fr/grddl/ogp/2010/05/03/OGP_GRDDL.xsl" />
<link rel="foaf:primaryTopic foaf:maker" href="#me" />

<style type="text/css">
     a img {text-decoration:none; border:0;}
</style>

<title>Test Document for Open Graph (RDFa)</title>

</head>

<body>

<h1>Test Document for Open Graph (RDFa)</h1>

<a href="http://ogp.me/" target="_blank">
     <img rel="http://ogp.me/" style="float:left; margin:15px;"
      src="http://opengraphprotocol.org/open_graph_protocol_logo.png"
      alt="Open Graph Logo" width="303" height="303"
      longdesc="http://opengraphprotocol.org/open_graph_protocol_logo.png"
      />
</a>

<p>The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to enable any web page to have the same functionality as a Facebook Page.</p>
<p>While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of the technical design decisions.</p>

<p>Form more information visit
     <a href="http://ogp.me/" title="Open Graph Website"
        target="_blank">http://ogp.me/</a>
</p>

<p about="#me" typeof="foaf:Person">
     This page was prepared by
     <span property="foaf:name">Monica Mae Climaco</span>
     who is interested in
     <span property="topic_interest">Systems Design</span>,
     <span property="topic_interest">UX Design</span>,
     <span property="topic_interest">Information Architecture</span> and the
     <span property="topic_interest">Semantic Web</span>.
     She likes to talk about anything in her
     <span rel="foaf:holdsAccount">
          <span typeof="foaf:OnlineAccount">
               <a rel="foaf:accountServiceHomepage"
                href="http://talknowmonica.wordpress.com/" target="_blank">
                Wordpress</a> and
               <a rel="foaf:accountServiceHomepage"
                href="http://twitter.com/talknowmonica" target="_blank">
                Twitter</a> account.
          </span>
     </span>
</p>

</body>
</html>
	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
	"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:og="http://opengraphprotocol.org/schema/"
	xmlns:foaf="http://xmlns.com/foaf/0.1/">

	<head profile="http://www.w3.org/2003/g/data-view">
	<base href="{place_url_of_this_page}" />
	<!-- <base /> Defines a default address or a default target for
	all links on a page. -->

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<!--Begin OG Properties-->
	<meta property="og:title" content="{place_title_of_this_page}" />
	<meta property="og:type" content="article" />
	<!--To see a complete list of og:types,
	see http://ogp.me/#types -->
	<meta property="og:url" content="{place_url_of_this_page
	ex. http://project-beta.teamyehey.com/monica/experiment-cufon/OG_Sample.html}" />
	<meta property="og:image" content="{place_url_of_logo_or_photo}" />
	<meta property="og:description" name="description"
	content="{place_description_of_the_subject_or
	_this_page_here}"/>
	<meta property="og:site_name" content="This Is Where The Website
	Name Will Go (Not URL)" />
	<meta property="og:latitude" content="{ex. 14.585774}" />
	<meta property="og:longitude" content="{ex. 121.060131}" />
	<!--You can use og:latitude and og:longitude to pinpoint the
	object's exact location. -->
	<meta property="og:street-address" content="{place_address_here}" />
	<meta property="og:locality" content="{place_City_Town_Munic}" />
	<meta property="og:region" content="{ex. NCR, Metro Manila}" />
	<meta property="og:postal-code" content="{place_post_or_zip}" />
	<meta property="og:country-name" content="{ex. Philippines}" />
	<meta property="og:email" content="{place_email_of_maker}" />
	<meta property="og:phone_number" content="{ex. +6329111420}" />
	<meta property="og:fax_number" content="{ex. +6329111420}" />
	<!--We have just defined address and contact information.-->
	<meta property="og:upc" content="{ex. SMA1230OPHJ}" />
	<!--UPC is a 12-digit barcode that uniquely identifies a
	product or service.-->
	<meta property="og:isbn" content="1234567890123" />
	<!--For products which have a UPC code or ISBN number, you
	can specify them using the og:upc and og:isbn properties.
	These properties help to make more concrete connections
	between graphs.-->

	<!--End OG Properties-->

	<link rel="canonical" href="{place_url_of_page
	ex. http://project-beta.teamyehey.com/monica/experiment-cufon/OG_Sample.html}" />
	<link rel="transformation"
	href="http://ns.inria.fr/grddl/ogp/2010/05/03/OGP_GRDDL.xsl" />
	<link rel="foaf:primaryTopic foaf:maker" href="#me" />

	<style type="text/css">
	a img {text-decoration:none; border:0;}
	</style>

	<title>Test Document for Open Graph (RDFa)</title>

	</head>

	<body>

	<h1>Test Document for Open Graph (RDFa)</h1>

	<a href="http://ogp.me/" target="_blank">
	<img rel="http://ogp.me/" style="float:left; margin:15px;"
	src="http://opengraphprotocol.org/open_graph_protocol_logo.png"
	alt="Open Graph Logo" width="303" height="303"
	longdesc="http://opengraphprotocol.org/open_graph_protocol_logo.png"
	/>
	</a>

	<p>The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to enable any web page to have the same functionality as a Facebook Page.</p>
	<p>While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of the technical design decisions.</p>

	<p>Form more information visit
	<a href="http://ogp.me/" title="Open Graph Website"
	target="_blank">http://ogp.me/</a>
	</p>

	<p about="#me" typeof="foaf:Person">
	This page was prepared by
	<span property="foaf:name">Monica Mae Climaco</span>
	who is interested in
	<span property="topic_interest">Systems Design</span>,
	<span property="topic_interest">UX Design</span>,
	<span property="topic_interest">Information Architecture</span> and the
	<span property="topic_interest">Semantic Web</span>.
	She likes to talk about anything in her
	<span rel="foaf:holdsAccount">
	<span typeof="foaf:OnlineAccount">
	<a rel="foaf:accountServiceHomepage"
	href="http://talknowmonica.wordpress.com/" target="_blank">
	Wordpress</a> and
	<a rel="foaf:accountServiceHomepage"
	href="http://twitter.com/talknowmonica" target="_blank">
	Twitter</a> account.
	</span>
	</span>
	</p>

	</body>
	</html>