Skip to content

Instantly share code, notes, and snippets.

@mhulse
Created Jun 11, 2012
Embed
What would you like to do?
HTML5: Marking-up a list of bloggers.
<!-- ... content before ... -->
<section>
<hgroup>
<h1>Heading</h1>
<h2>Subheading</h2>
</hgroup>
<figure itemscope itemtype="http://schema.org/Person">
<a href="john-thompson.html" itemprop="url">
<img src="john-thompson.jpg" alt="" itemprop="image">
<figcaption itemprop="name"><span itemprop="givenName">John</span> <span itemprop="familyName">Thompson</span></figcaption>
</a>
</figure>
<hr>
<figure itemscope itemtype="http://schema.org/Person">
<a href="tom-paulson.html" itemprop="url">
<img src="tom-paulson.jpg" alt="" itemprop="image">
<figcaption itemprop="name"><span itemprop="givenName">Tom</span> <span itemprop="familyName">Paulson</span></figcaption>
</a>
</figure>
<hr>
<figure itemscope itemtype="http://schema.org/Person">
<a href="paul-johnson.html" itemprop="url">
<img src="paul-johnson.jpg" alt="" itemprop="image">
<figcaption itemprop="name"><span itemprop="givenName">Paul</span> <span itemprop="familyName">Johnson</span></figcaption>
</a>
</figure>
</section>
<!-- ... content after ... -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment