---
title: Blockquote
date: 2007-01-23T10:00
tags: [css]
---

> Ибо кто имеет, тому дано будет и приумножится, а кто не имеет, у того отнимется и то, что имеет

  
В HTML стандарте имеется специальный тэг **blockquote** цель которого как раз таки - цитирование. Многие зачем-то начинают использовать отдельные структуры типа параграфов с особыми классами, или ещё ужасней - таблицы.

С моей точки зрения, редактору достаточно заключить цитату в данный тэг, что-бы всё форматирование автоматически установилось.

Из готовых решений можно разделить продукты на имеющие в себе картинки и не имеющие. Я решил что картинки - излишество. Поэтому за основу могу посоветовать взять

- [Big Curly Quotes](http://www.defusion.org.uk/archives/2005/12/24/large-curly-quotes-without-images/) надстраивает внутри цитаты - параграфы
- [Pullquotes](http://www.sitepoint.com/test/pullquote.htm) использует картинки
- [DesignMeme](http://www.designmeme.com/articles/csscurlyquotes/) вариант суперски использует дополнения before и after, которые увы IE не понимает

Для русских сайтов полезно также знать о [знаках препинания](http://www.artlebedev.ru/kovodstvo/104/) .

## Related

- [CSS фреймворки](/ru/blog/tech/frontend/css/css-freymvorki/)
- [Phonegap приложение](/ru/blog/tech/phonegap-prilozhenie-s-angularjs/)
- [UserScripts](/ru/blog/tech/userscripts-i-userstyles-ili-kak-izmenit-lyuboy-sayt/)