Zegnat/README.md

## README.md

      
    Raw
  

              README.md
            
          
    How to mark-up yourself.

Currently employing:


µF: hCard

fn
n

given-name
family-name
honorific-prefix
honorific-suffix


sort-string
bday
x-gender


schema.org: Person

name (§Thing)
gender
parents


Current contents:

Mr. Martĳn van der Ven, Gent.
Born October 23rd, 1991. Son of Robert van der Ven and Lia van der Ven‐Fraterman.

Parsers:


Google’s Rich Snippets Testing Tool
H2VX Contacts Conversion Service: parses as vCard.


Online demo

  
## me.html
<!doctype html>
<meta charset="utf-8">
<title>Experiment: how to mark-up yourself. § Martĳn van der Ven</title>
<link rel="profile" href="http://microformats.org/profile/hcard">

<body class="vcard" itemscope itemtype="http://schema.org/Person" lang="en-GB">

<h1 lang="nl">
	<meta itemprop="gender" class="x-gender" content="male" /><!-- Needs fixing to comply with vCard v4 § 6.2.7. -->
	<a itemprop="url" class="n url" href="/martijn/"><abbr class="honorific-prefix" title="Master" lang="en-GB">Mr.</abbr> <span itemprop="name" class="fn"><abbr title="Martijn" class="given-name">Martĳn</abbr> <span class="family-name">van der <span class="sort-string">Ven</span></span></span>, <abbr class="honorific-suffix" title="Gentleman" lang="en-GB">Gent.</abbr></a>
</h1>

<p>
	Born <abbr itemprop="birthDate" class="bday" title="1991-10-23">October 23rd, 1991</abbr>. Son of
	<span itemprop="parents" class="vcard" itemscope itemtype="http://schema.org/Person" lang="nl"><span itemprop="name" class="fn n"><span class="given-name">Robert</span> <span class="family-name">van der <span class="sort-string">Ven</span></span></span></span>
	 and
	<span itemprop="parents" class="vcard" itemscope itemtype="http://schema.org/Person" lang="nl"><span itemprop="name" class="fn n"><span class="given-name">Lia</span> <span class="family-name">van der <span class="sort-string">Ven</span>‐Fraterman</span></span></span>.
</p>

<!-- Footer contains misc. links, not for parsing. -->
<footer>
	<style>
		footer { margin-top: 10em; }
		footer p { display: inline-block; }
		footer p + p:before { content: '¶'; opacity: .5; margin: 0 .5em; }
		footer p:last-child:after { content: '❧'; color: green; margin: 0 .5em; }
	</style>
	<p>Parse this page: <a href="http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fvanderven.se%2Fmartijn%2Fme.html&view=cse">Google</a>.</p>
	<p>Download: <a href="http://h2vx.com/vcf/http://vanderven.se/martijn/me.html">vCard</a>, <a href="https://gist.github.com/gists/1063168/download" title="Source from GitHub gist #1063168">Source</a>.</p>
</footer>
</body>
	<!doctype html>
	<meta charset="utf-8">
	<title>Experiment: how to mark-up yourself. § Martĳn van der Ven</title>
	<link rel="profile" href="http://microformats.org/profile/hcard">

	<body class="vcard" itemscope itemtype="http://schema.org/Person" lang="en-GB">

	<h1 lang="nl">
	<meta itemprop="gender" class="x-gender" content="male" /><!-- Needs fixing to comply with vCard v4 § 6.2.7. -->
	<a itemprop="url" class="n url" href="/martijn/"><abbr class="honorific-prefix" title="Master" lang="en-GB">Mr.</abbr> <span itemprop="name" class="fn"><abbr title="Martijn" class="given-name">Martĳn</abbr> <span class="family-name">van der <span class="sort-string">Ven</span></span></span>, <abbr class="honorific-suffix" title="Gentleman" lang="en-GB">Gent.</abbr></a>
	</h1>

	<p>
	Born <abbr itemprop="birthDate" class="bday" title="1991-10-23">October 23rd, 1991</abbr>. Son of
	<span itemprop="parents" class="vcard" itemscope itemtype="http://schema.org/Person" lang="nl"><span itemprop="name" class="fn n"><span class="given-name">Robert</span> <span class="family-name">van der <span class="sort-string">Ven</span></span></span></span>
	and
	<span itemprop="parents" class="vcard" itemscope itemtype="http://schema.org/Person" lang="nl"><span itemprop="name" class="fn n"><span class="given-name">Lia</span> <span class="family-name">van der <span class="sort-string">Ven</span>‐Fraterman</span></span></span>.
	</p>

	<!-- Footer contains misc. links, not for parsing. -->
	<footer>
	<style>
	footer { margin-top: 10em; }
	footer p { display: inline-block; }
	footer p + p:before { content: '¶'; opacity: .5; margin: 0 .5em; }
	footer p:last-child:after { content: '❧'; color: green; margin: 0 .5em; }
	</style>
	<p>Parse this page: <a href="http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fvanderven.se%2Fmartijn%2Fme.html&view=cse">Google</a>.</p>
	<p>Download: <a href="http://h2vx.com/vcf/http://vanderven.se/martijn/me.html">vCard</a>, <a href="https://gist.github.com/gists/1063168/download" title="Source from GitHub gist #1063168">Source</a>.</p>
	</footer>
	</body>