Blockquotes

O uso do elemento <blockquote> é bastante variado, porém em termos semânticos ele é apropriado somente para uma função: marcar uma seção da página do seu site referenciada em uma outra fonte. Isso significa que, se você deseja utilizar esse elemento somente como aspas, o <blockquote> não é o elemento que você deve usar. Vamos dar uma olhada em como você deve usar o elemento blockquote:

<article>
<header>
	<h1>All About Flour</h1>
	<p class="byline">by Jane Doe</p> 
</header>
<section>
	<h2>The Two Types of Wheat</h2>
	<p>There … to rise.</p>
	<p>Where … with less protein.</p>
</section>
<blockquote>
	Wholemeal flour, the whole grain milled as finely as possible with all of the outer bran and inner germ intact, is one of the best white flour improvers I know of. <br />
	Dan Lepard, <a href="http://www.danlepard.com">danlepard.com</a>
</blockquote>
<section>… </section>
</article>

Como você pode ver, a citação é de outra fonte e se você testar o exemplo você verá que a citação possui um recuo.

O que aprendemos

• O elemento blockquote é para citações de outras fontes
• Portanto, pullquotes não devem ser marcadas utilizando o elemento blockquote, para isso use aside element.
• O elemento blockquote é um elemento em nível de bloco