JoostKiens/blockquote-microdata.html

## blockquote-microdata.html
<!--
/**
 * Author: @joostkiens
 * Licensed under the MIT license
 */
-->
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>HTML5 Blockquotes &amp; microdata, like two peas in a pod</title>
</head>
<body>
	<article itemscope itemtype="http://schema.org/Blogposting">
		<header>

			<h1 itemprop="name">
				<a itemprop="url" href="http://example.com/why-incite-a-riot/">
					HTML5 Blockquotes &amp; microdata, like two peas in a pod
				</a>
			</h1>

			<p>
				By <span itemprop="creator">Joost Kiens</span>,
				on <time itemprop="datePublished" datetime="2013-02-10">January 10, 2013</time>
			</p>

		</header>

		<div itemprop="articleBody">

			<p>
				With HTML’s academic roots, it’s no surprise that there are multiple elements to reference another work: q, cite and blockquote have been around for ages. What is surprising is how weak they are semantically.
			</p>

			<figure itemprop="mentions" itemscope itemtype="http://schema.org/Article">
				<blockquote>
					This usage of a definition list is proof that writing W3C specifications and smoking crack are not mutually exclusive activities.
				</blockquote>

				<figcaption>
						<span itemprop="author">Jeremy Keith</span>,
						<cite itemprop="name">
							<a itemprop="url" href="http://24ways.org/2009/incite-a-riot/">Incite a riot</a>
						</cite>,
						<span itemprop="publisher">24 Ways</span>
				</figcaption>
			</figure>

		</div>

	</article>
</body>
</html>
	<!--
	/**
	* Author: @joostkiens
	* Licensed under the MIT license
	*/
	-->
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>HTML5 Blockquotes & microdata, like two peas in a pod</title>
	</head>
	<body>
	<article itemscope itemtype="http://schema.org/Blogposting">
	<header>

	<h1 itemprop="name">
	<a itemprop="url" href="http://example.com/why-incite-a-riot/">
	HTML5 Blockquotes & microdata, like two peas in a pod
	</a>
	</h1>

	<p>
	By <span itemprop="creator">Joost Kiens</span>,
	on <time itemprop="datePublished" datetime="2013-02-10">January 10, 2013</time>
	</p>

	</header>

	<div itemprop="articleBody">

	<p>
	With HTML’s academic roots, it’s no surprise that there are multiple elements to reference another work: q, cite and blockquote have been around for ages. What is surprising is how weak they are semantically.
	</p>

	<figure itemprop="mentions" itemscope itemtype="http://schema.org/Article">
	<blockquote>
	This usage of a definition list is proof that writing W3C specifications and smoking crack are not mutually exclusive activities.
	</blockquote>

	<figcaption>
	<span itemprop="author">Jeremy Keith</span>,
	<cite itemprop="name">
	<a itemprop="url" href="http://24ways.org/2009/incite-a-riot/">Incite a riot</a>
	</cite>,
	<span itemprop="publisher">24 Ways</span>
	</figcaption>
	</figure>

	</div>

	</article>
	</body>
	</html>