HTML5: Marking-up a list of bloggers.

bloggers.html

<!-- ... 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 ... -->