Bloques de Citas

El uso del elemento <blockquote> se ha diversificado mucho, pero, semánticamente solo es apropiado para una cosa: marcar una sección de tu página web que se cita de otra fuente. Esto significa que si quieres hacer esas citas elegantes, el <blockquote> no es el elemento que deberías usar. Veamos cómo podrías usar este elemento:

<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 puedes ver, la cita es de otra fuente, y si pruebas el ejemplo verás que la cita actualmente contiene indentación.

Lo que has aprendido

• El elemento <blockquote> es para citas de otras fuentes
• Pullqoutes should therefore not be marked up with the blockquote element, use the aside element instead
• The blockquote element is a block-level element