Обычно при вёрстке текстов для веба на оформление цитат не обращают достаточного внимания. Стараясь исправить это досадное недоразумение, мы коснёмся двух вопросов: типографического оформления цитат (в той части, где чаще всего допускаются ошибки при вёрстке) и реализации этого оформления в HTML-коде.
Мы также не будем касаться вопросов проверки смысловой точности цитирования, правильного использования купюр, сокращений и дополнений — всех интересующихся ждёт «Справочник издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.
Надеемся, что эту запись будет удобно использовать как справочник по часто встречающимся вопросам оформления цитат.
Типографическое оформление цитат
Кавычки
Стоящие внутри текста цитаты, набранные так же, как и основной текст, заключаются в кавычки. Если цитата выделена цветом, кеглем шрифта, другим шрифтом, курсивным начертанием, либо цитата вынесена в отдельный графически выделенный блок текста, то кавычки не ставятся. Также не выделяются кавычками цитаты-эпиграфы, если они не сопровождаются нецитатным текстом.
Как красиво сделать страницу ВКОНТАКТЕ. . Как оформить цитаты 2018 год
Кавычки ставятся только в начале и конце цитаты, независимо от размера цитаты и количества абзацев в ней.
Цитаты заключаются в кавычки такого же рисунка, что и применяемые в основном тексте в качестве основных — в подавляющем числе случаев это кавычки-ёлочки « ».
Если внутри цитаты есть слова (словосочетания, фразы), в свою очередь заключённые в кавычки, то последние должны быть другого рисунка, чем кавычки, закрывающие и открывающие цитату (если внешние кавычки — ёлочки « », то внутренние — лапки „ “, и наоборот). Например: Василий Пупкин заявил в недавнем интервью: «Компания „Пупстройтрест“ заняла почётное шестьсот двенадцатое место в рейтинге строительных компаний Запорожья».
Если в цитате встречаются кавычки «третьей ступени», то есть внутри заключённых в кавычки словосочетаний цитаты есть, в свою очередь, слова, взятые в кавычки, в качестве последних рекомендуются кавычки второго рисунка, то есть лапки. Пример из Мильчина и Чельцовой: М.
М. Бахтин писал: «Тришатов рассказывает подростку о своей любви к музыке и развивает перед ним замысел оперы: „Послушайте, любите вы музыку? Я ужасно люблю… Если бы я сочинял оперу, то, знаете, я бы взял сюжет из „Фауста“. Я очень люблю эту тему“». Но вообще, лучше попытаться так перестроить оформление цитаты, чтобы таких случаев не возникало.
Знаки препинания после цитаты, стоящей в конце предложения
- Если перед закрывающими кавычками стоит многоточие, восклицательный или вопросительный знак, а цитата, заключенная в кавычки, является самостоятельным предложением (таковы, как правило, все цитаты после двоеточия, отделяющего их от слов цитирующего). При этом знак препинания ставится внутри кавычек. Пример из Мильчина и Чельцовой:
Печорин писал: «Я не помню утра более голубого и свежего!»
Печорин признавался: «Я иногда себя презираю. »
Печорин спрашивает: «И зачем было судьбе кинуть меня в мирный круг честных контрабандистов?» - То же, если самостоятельным предложением заканчивается цитата, первое предложение которой начинается со строчной буквы. Например: Печорин размышляет: «…зачем было судьбе кинуть меня в мирный круг честных контрабандистов? Как камень, брошенный в гладкий источник, я встревожил их спокойствие. »
- Если перед закрывающими цитату кавычками стоит вопросительный или восклицательный знак, а цитата не является самостоятельным предложением и после всей фразы с цитатой должен был бы стоять вопросительный или восклицательный знак. Например: Лермонтов восклицает в предисловии, что это «старая и жалкая шутка!»
Цитата со словами цитирующего внутри
Несмотря на то, что внутри цитаты находится речь цитирующего, кавычки всё равно ставятся только один раз — в начале и в конце цитаты. Ставить закрывающую кавычку перед словами цитирующего и снова открывающую после них не нужно.
Как транслировать песни в статус в vk на телефоне?
Если в месте разрыва цитаты отсутствуют знаки препинания, либо разрыв происходит на месте запятой, точки с запятой, двоеточия или тире, то слова цитирующего отделяются с двух сторон запятой и тире «, —» (не забывайте, что перед тире должен стоять неразрывный пробел!).
| В источнике | В тексте с цитатой |
| Я стал неспособен к благородным порывам. | «Я, — признается Печорин, — стал неспособен к благородным порывам. » |
| …Моё сердце превращается в камень, и ничто его не разогреет снова. | «… Моё сердце превращается в камень, — безнадёжно заключает Печорин, — и ничто его не разогреет снова». |
| Слишком однобокий и сильный интерес чрезмерно увеличивает напряжение человеческой жизни; ещё один толчок, и человек сходит с ума. | «Слишком однобокий и сильный интерес чрезмерно увеличивает напряжение человеческой жизни, — размышляет Д. Хармс, — ещё один толчок, и человек сходит с ума». |
| Цель всякой человеческой жизни одна: бессмертие. | «Цель всякой человеческой жизни одна, — записывает в своём дневнике Д. Хармс, — бессмертие». |
| Подлинный интерес — это главное в нашей жизни. | «Подлинный интерес, — утверждает Д. Хармс, — это главное в нашей жизни». |
Если на месте разрыва цитаты в источнике стоит точка, то перед словами цитирующего ставят запятую и тире «, —», а после его слов — точку и тире «. —» (не забываем про неразрывный пробел!), причём вторая часть цитаты начинается с прописной буквы (в простонародье называемой также «большой» или «заглавной»).
| В источнике | В тексте с цитатой |
| …Моё сердце превращается в камень, и ничто его не разогреет снова. Я готов на все жертвы, кроме этой… | «…Моё сердце превращается в камень, и ничто его не разогреет снова, — заключает Печорин. — Я готов на все жертвы, кроме этой…» |
Если на месте разрыва цитаты в источнике стоит вопросительный знак, восклицательный знак или многоточие, то перед словами цитирующего ставят этот знак и тире «? —; ! —; … —», а после его слов — точку и тире «. —», если вторая часть цитаты начинается с прописной. Если вторая часть цитаты начинается со строчной буквы (в простонародье называемой также «маленькой»), то после слов цитирующего ставится запятая и тире «, —».
| В источнике | В тексте с цитатой |
| Я иногда себя презираю… не оттого ли я презираю и других. Я стал неспособен к благородным порывам; я боюсь показаться смешным самому себе. | «Я иногда себя презираю… не оттого ли я презираю и других. — признаётся Печорин. — Я стал неспособен к благородным порывам…» |
| …Прости любовь! моё сердце превращается в камень, и ничто его не разогреет снова. | «…Прости любовь! — пишет Печорин в своём журнале, — моё сердце превращается в камень…» |
| Это какой-то врождённый страх, неизъяснимое предчувствие… Ведь есть люди, которые безотчётно боятся пауков, тараканов, мышей… | «Это какой-то врождённый страх, неизъяснимое предчувствие… — ищет объяснения Печорин. — Ведь есть люди, которые безотчётно боятся пауков, тараканов, мышей…» |
Оформление цитат в коде
Многие забывают, что в стандарте HTML 4.01 уже предусмотрены элементы для оформления цитат, набранных внутри текста, и либо вообще их не используют, либо (что ещё хуже) помещают цитаты внутрь тегов … или … . Также приводилось наблюдать использование элемента blockquote для создания отступов, что так же недопустимо с точки зрения соблюдения семантичности вёрстки.
Итак, для выделения цитат используется два элемента: блочный blockquote и инлайновый q . Кроме того, инлайновый элемент cite используется для описания источника, откуда была взята цитата. Обратите внимание, что cite используется единственно и необходимо для указания ссылки на источник, сама цитата внутрь элемента cite не включается!
Согласно спецификации HTML 4.01, элементы blockquote и q могут использовать атрибуты cite=»…» , указывающий на URL, откуда была заимствована цитата (не путать с отдельным элементом cite ), и title=»…» , содержимое которого будет всплывать в качестве подсказки при наведении на цитату мышкой.
К сожалению, браузеры ещё не совсем хорошо обрабатывают эти HTML-элементы. Так, атрибут cite=»…» никакими браузерами не рендерится вообще. Для того, чтобы обойти эту недоработку, есть скрипт Пола Дэйвиса, выводящий в отдельном слое всплывающую подсказку со ссылкой, указанной в атрибуте cite .
Вторая глобальная недоработка, связанная с выводом инлайновых цитат, связана (сюрприз, сюрприз!) с семейством браузеров Internet Explorer. Опять же, согласно спецификации, автор документа не должен набирать кавычки при использовании элемента q . Кавычки должны рендериться браузером, причём в случае наличия вложенных цитат — ещё и разного рисунка. Ладно, допустим, Опера не соблюдает последнего требования, и кавычки у вложенных цитат одинаковые. Но IE до седьмой версии включительно не рендерит их вообще!
Кроме того, IE не понимает CSS-свойства quotes , before , after и content , чем, скотина, полностью хоронит надежды решить проблему с помощью семантически корректной вёрстки с использованием CSS.
- с использованием проприетарного CSS-свойства behavior (решение Пола Дэйвиса), запускающего JavaScript, расставляющий кавычки в IE, при этом рисунок вложенных кавычек чередуется;
- с помощью условных комментариев, простым выполнением JavaScript при загрузке страницы (решение Джеза Лемона из «Juicy Studio»), при этом рисунок вложенных кавычек постоянен;
- или обнулением кавычек в CSS с помощью свойства quotes и расстановкой кавычек в тексте вручную, но (внимание!) вне элемента q , чтобы не нарушать рекомендации W3C (решение Стейси Кордони на сайте «A List Apart»).
Поэтому, выбирая из первых двух второй способ, мы пользуемся слегка модифицированным для русского языка скриптом Джеза Лемона. Да, при отключённом JavaScript пользователь IE останется без кавычек, мы принимаем это как необходимое зло.
Наше решение по оформлению цитат
Итак, чтобы адекватно сверстать текст с цитатами, необходимо скачать скрипт «quotes.js», после чего внутри элемента head подключить его с помощью условных комментариев:
Кроме того, для браузеров, адекватно рендерящих кавычки, нужно в CSS-файле указать рисунок кавычек для русского языка. К счастью, в русской типографике вложенные кавычки имеют один рисунок независимо от уровня вложенности (что легко реализовать на CSS без привлечения дополнительных классов), но мы ещё раз настойчиво рекомендуем избегать кавычек глубокой вложенности на стадии написания текста.
// Добавление в CSS-файл
// Внешние кавычки-ёлочки
q
// Вложенные кавычки-лапки
q q
Понятно, что этот механизм при необходимости можно усложнить на случай чередующегося рисунка кавычек при глубокой вложенности, введя классы, например, q.odd и q.even и указывая класс руками непосредственно при вёрстке цитаты.
Теперь легко и семантично верстаем следующую цитату: «Успех кампании „Жальгириса“, — заявил в интервью „Russia Today“ Владимирас Пупкинс, — обусловлен не только выбором вендоров зубной пасты, но и тому, что Марк Твен называл „прыжком за дверь, ведущую внутрь“».
Успех кампании „Жальгириса“, — заявил в интервью „Russia Today“ Владимирас Пупкинс, — обусловлен не только выбором вендоров зубной пасты, но и тому, что Марк Твен называл прыжком за дверь, ведущую внутрь.
Самый смак в том, что атрибуты title=»…» для вложенных тегов браузерами отрабатываются корректно.
Написание примера для корректного совместного использования вложенных элементов blockquote , q и cite оставляется читателю в качестве домашнего задания. 🙂
Update: Поправка от besisland — конечно же для установки рисунка кавычек в CSS не нужно описывать вложенные стили, достаточно стандартной функциональности свойства quotes : q
Источник: habr.com
ТОП-18 генераторов для создания цитат на картинках
Как сделать цитату на картинке онлайн своими руками? Это умение поможет тебе раскрутить свой аккаунт социальной сети, и чтобы его было интересно читать? Важно не просто копировать чужие мысли, а создавать что-то свое, оригинальное. Отличным вариантом является написание цитат великих людей, афоризмов, анекдотов, шуток и других высказываний на картинках. Если вы думаете, что это трудно, то вы ошибаетесь – в сети много генераторов, которые помогут справиться с этой задачей без особых хлопот. Вам может понадобиться для этой задачи специальный бот вк, который накладывает надписи на фото
Выбирайте сервисы ниже, а подобрать цитату поможет вам наш генератор. Жмите на кнопку ниже:
Генерировать цитату
Добавить белый текст на чёрный фон
После генерации цитаты, вы можете добавить её на черный фон и сохранить полученную картинку на свой компьютер или мобильный телефон.
Другие варианты генерации цитаты на любом фоне смотрите ниже.
Создать цитату на картинке онлайн
- Mumotiki – сайт, на котором вы легко наложите надпись на ваше изображение. Сервис на русском языке. Вы можете закачивать свои картинки, изменить цвет, размер текста, шрифт, цвет и непрозрачность подложки, эффекты для изображения.
Наложить текст на фон
Quozio – выбор фонов и добавление надписи и автора. Регистрация, возможность сохранения цитаты (кнопка “keep”).
Quotescover. Неплохой редактор превращения текстовых цитат в изображения, но только для латиницы, кириллические шрифты не поддерживает.
Picture.plus — создание не только цитат на картинках, но и обложек для инстаграма (запрещена на территории РФ). Минусом является — водяные знаки сервиса в бесплатной подписке. Здесь вы можете создавать также видео для соцсетей.
mr-mem — простой редактор для создания мемов на тёмном фоне. Вы можете загружать свою картинку, изменять её при помощи фильтров и добавлять текст.
Canva.com. В настоящее время этот сервис стал недоступен для россиян. Этот генератор предоставляет множество возможностей – от создания инфографики, презентаций, обложек социальных сетей, до нужной нам функций создания поста, открыток. На английском языке, поддерживает кириллицу, необходима регистрация.
Pablo by buffer
Часто задают вопрос: “Как написать на картинке онлайн?” Разбираться в сложных графических фоторедакторах не всегда имеет смысл для того, чтобы просто поставить свою надпись на фото. Подписать картинки можно на некоторых фотохостингах, например, на сервере Радикал или на специализированных сайтах.
Как написать на фото онлайн
- Effectfree.ru позволяет подписывать изображения. вы можете выбрать не только размер, цвет и шрифт подписи, но и сдвинуть текст при помощи стрелочек:
Применить». - imgflip.com — генератор мемов на чёрном фоне. Похож по принципу работы на предыдущий. В поля — фразы и автора цитаты, шестерёнка — настройки текста. Кнопка «Generate» — применить изменения.
- www.kapwing.com — очень интересный сервис, где вы можете создавать надписи не только на чёрном и других с однородной заливкой фонах, но и наложить анимацию текста. Вывод в формате видео или gif-анимации. Узнай, как сделать гифку из видео.
- fotoump — простой сервис для наложения текста на картинку, в том числе можно написать цитату на черном фоне или выбрать в качестве заливки background любой другой цвет.
Источник: mycrib.ru
Как вставлять цитаты
Для того чтобы вставить цитату,нужно выделить нужную фразу , левой кнопкой мыши и замаркировать,она станет синим цветом,затем нажать на кнопку «цитата» под аватарой автора и Ваша нужная цитата встанет в поле ответа.
Если другой автор находиться на следующей стр и Вам также нужно ответить цитатой,то Вы сначала копируете то,что написано у Вас в поле ответа,затем переходите на следующую стр. и вставляете в поле ответа то,что скопировали,затем цитируете нужного автора так ,как описано выше.
Внимание: в поле ответа цитата выглядит так
[quоte=»nuvola»]как в ответ вставить сразу несколько цитат?[/quоte]
Maxxi, magaliya, Swetljachok (20 Jan 2012) , Marfa_Vasilevna (20 Jan 2017)
nuvola » Чт май 13, 2010 1:01 pm
Елена писал(а): выделить нужную фразу
Понятно А я нажимала на значок цитата в верхнем правом углу и получалось по другому. Спасибо за помощь
Елена » Чт май 13, 2010 1:03 pm
nuvola писал(а): нажимала на значок цитата в верхнем правом углу и получалось по другом
можно и так,тогда цитируется полностью сообщение
alla kolbashy (19 Mar 2011)
nuvola » Чт май 13, 2010 1:20 pm
Елена писал(а): цитируется полностью сообщение
Теперь понятно, почему некоторые цитаты на форуме содержат фото. Еще раз спасибо, Елена! Мне у вас так нравится.
lisalika (14 Oct 2013)
Елена » Чт май 13, 2010 1:24 pm
nuvola писал(а): некоторые цитаты на форуме содержат фото.
фото при цититрование нужно удалять,если Вы цитируете кнопкой,которая в правом углу,то просто потом удалите не нужные фразы и фото,но мне кажеться ,что проще все же цитировать выборочно как я описала выше.
nuvola писал(а): Мне у вас так нравится.
Хадижа Shahin » Сб май 15, 2010 2:00 pm
В теме «как вставлять ссылки на форуме» я уже описывала свою пробему с цитатами — у меня не было «цитата» под ником автора.Но сегодня произошло чудо!-у меня теперь есть «цитата» под ником автора Чудо конечно произошло не само собой,я на это случайно вышла.И хочу поделиться открытием с теми,у кого похожая проблема.
Зайдите в «личные настройки»,затем в «настройка отображения» и в «показывать панель быстрого ответа в темах» выберите «да».
До этого у меня было «нет» Зато теперь я могу цитировать всё!
Елена писал(а): проще все же цитировать выборочно как я описала выше.
Мне тоже так кажется это я потренировалась
nimfa30 » Сб май 15, 2010 8:51 pm
Хадижа Shahin писал(а): хочу поделиться открытием с теми,у кого похожая проблема.
Хадижа,спасибо,наконец-то это чудо произошло и у меня
Хадижа Shahin » Вс май 16, 2010 6:39 am
nimfa30 писал(а): Хадижа,спасибо
nimfa30 писал(а): это чудо произошло и у меня
Leksandra » Ср ноя 24, 2010 12:04 am
Дима, у меня какие-то непонятности стали происходить при цитировании .
Если я цитирую части сообщений нескольких авторов, то они (цитаты) без проблем добавляются по очереди в окно быстрого ответа, но если следом добавляю полную цитату, то всё цитированное ранее, исчезает
Последний раз редактировалось Leksandra Ср ноя 24, 2010 12:11 am, всего редактировалось 1 раз.
Leksandra » Ср ноя 24, 2010 12:09 am
Насколько наглядно и понятно, не знаю, но вот образец пошаговых действий на примере моего же сообщения:
Maxxi » Ср ноя 24, 2010 1:10 am
Olenjka писал(а): Дима, у меня какие-то непонятности стали происходить при цитировании .Если я цитирую части сообщений нескольких авторов, то они (цитаты) без проблем добавляются по очереди в окно быстрого ответа, но если следом добавляю полную цитату, то всё цитированное ранее, исчезает
Так всегда и работало. Кнопка «Цитата» (которая справа находится) открывает новую страницу для ответа и в качестве цитаты вставляет цитируемое сообщение.
Leksandra, МНадюша, alla kolbashy (19 Mar 2011)
Leksandra » Ср ноя 24, 2010 1:14 am
Maxxi писал(а): Кнопка «Цитата» (которая справа находится) открывает новую страницу для ответа и в качестве цитаты вставляет цитируемое сообщение.
Т.е. в одном сообщении я не могу процитировать одновременно и часть, и целиком?
Maxxi » Ср ноя 24, 2010 1:19 am
Olenjka писал(а): Т.е. в одном сообщении я не могу процитировать одновременно и часть, и целиком?
Выдели сообщение целиком и нажми на Цитата слева. Да, эта цитата не переносит вложенные цитаты, смайлы и картинки.
Leksandra » Ср ноя 24, 2010 1:22 am
Maxxi писал(а): Выдели сообщение целиком и нажми на Цитата слева. Да, эта цитата не переносит вложенные цитаты, смайлы и картинки.
Olenjka писал(а): Дима, у меня какие-то непонятности стали происходить при цитировании .
Если я цитирую части сообщений нескольких авторов, то они (цитаты) без проблем добавляются по очереди в окно быстрого ответа, но если следом добавляю полную цитату, то всё цитированное ранее, исчезает
А как же тут смайлики процитировались.
Maxxi » Ср ноя 24, 2010 1:32 am
Olenjka писал(а): А как же тут смайлики процитировались?
Тут ты сделала наоборот. Сначала нажала полную цитату, потом добавила частичную.
Думаю, вопрос исчерпан.
Источник: gotovim-doma.ru