Blockquotes

Использование элемента <blockquote> может быть очень разнообразным, но семантически он подходит только для одной вещи - для разметки раздела вашей веб-страницы, который цитируется из другого источника. Это означает, что если вы хотите сделать необычные цитаты, то <blockquote> это не тот элемент, который вы должны использовать. Давайте посмотрим, как вы должны использовать элемент 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>

Как вы можете заметить, цитата принадлежит другому источнику, и если вы попробуете пример, вы увидите, что цитата имеет отступ.

Чему вы научились

• Элемент blockquote предназначен для цитат из других источников.
• Поэтому Pullqoutes не следует размечать с помощью элемента blockquote, вместо этого используйте aside element
• Элемент blockquote является блочным элементом