Blockquote (блок цитирования) длинное цитирование


Содержание

Оформление цитаты тег blockquote

Тег blockquote предназначен для выделения части текста со стилями, отличающими от основного текста. В частности, это выделение цитаты и оформляется как принято в кавычках («….»). Но это нестрогое правило можно немного пофантазировать и стилизовать тег blockquote на свой вкус. В WordPress цитата вставляется в панели оформления текста в сокращенном виде «b-quote». Достаточно выделить отрывок текста и нажать на «b-quote» после чего фрагмент текста будет обвернут в тег blockquote .

Это очень удобно и внешне подчеркивает дизайн что весьма приятно для глаз. У тега blockquote есть атрибут cite с помощью которого, указывается источник цитаты.

Но также cite используется, как тег и определяет имя произведений (песня, фильмы, книги и т.д.)

Что касается поддержки, то тег blockquote поддерживают все популярные браузеры.

Браузер Explorer Chrome Firefox Safari Opera
Версия 3.0+ 1.0+ 1.0+ 1.0+ 2.0+
blockquote + + + + +

Давайте рассмотрим несколько интересных примеров оформления цитаты.

Оформления цитаты без кавычек.

Минимализм всегда приветствуется, простенько и со вкусом. Пару линий, фон подходящего цвета и оформления цитаты готово. Такие стили можно встретить на многих сайтах, ведь главное, выделить цитату от основного контента. Чтобы пользователь сразу обратил внимание на эту часть текста.

Оформление цитат, примеры. Правила оформления прямой речи и цитат

Цитаты способны украсить текст, подтверждая или шире раскрывая мысль, высказанную автором, поэтому, наверное, их охотно используют и в публицистике, и в научных работах. Но иногда введение в текст цитаты может вызвать затруднения с точки зрения пунктуации.

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

Что такое цитата: пример

Цитата – это дословное воспроизведение сказанного, при этом неразрывно связанное по смыслу с текстом, куда данный отрывок включается.

Пожилой возраст – это, прежде всего, опыт, накопленный в течение жизни. Как говорила в свое время великая Фаина Раневская: «Воспоминания – это богатство старости».

Объединение нескольких отрывков из разных мест произведения в одной цитате не допускается. Их следует оформлять как разные цитаты. Обязательным требованием является и наличие указания на ее источник.

Если приводящееся вами место начинается не с начала предложения оригинала, то в цитате там ставится многоточие. На месте всех пропущенных слов в отрывке также ставится этот знак.

«… Умный человек знает, как выйти из трудного положения, а мудрый никогда в него не попадает», – подчеркивала Раневская.

Как указывается автор или источник цитируемого отрывка

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

Итак, если ссылку на источник или упоминание фамилии автора вы хотите поставить сразу же после цитаты, то их принято заключать в скобки.

«У некомпетентных людей есть склонность к однозначным и категоричным выводам» (Дэвид Даннинг).

Обратите внимание, что точка после цитаты в таком варианте не ставится, ее ставят лишь после ссылки! Кстати, если первое слово в скобках, указывающее на источник, не имя собственное, то пишется оно с маленькой буквы.

«У некомпетентных людей есть склонность к однозначным и категоричным выводам» (из статьи психолога Дэвида Даннинга).

Если же оформление цитат в тексте требует вынести имя автора или их источник на другую строку, то они пишутся уже без скобок и иных знаков препинания. А после самой цитаты ставится точка или любой необходимый знак.

У некомпетентных людей есть склонность к однозначным и категоричным выводам.


Это же правило распространяется и на эпиграфы.

Выделения внутри цитат

Если в приведенном в качестве цитаты отрывке имеются авторские выделения, их сохраняют в том же виде, как и в первоисточнике. Оформление цитат не требует специально подчеркивать, что данные отметки принадлежат автору. В случаях же, когда выделить что-то хочет цитирующий, он должен сделать соответственную сноску. Для этого в скобках указывают: «курсив мой» или «выделено мной» — и ставят инициалы.

А. Старцев говорил о писателе О. Генри: «Наделенный от природы редким даром видеть веселое…, он столкнулся в жизни с трагическим…, но в большинстве случаев предпочел об этом молчать (курсив мой – И.И.)».

Инициалы автор ставит и в случае, когда есть необходимость дополнительно ввести пояснения в цитату.

«Литературное предание, соединившее их имена (Гоголя и Островского – И.И.), знаменательно. Ведь Островского поначалу восприняли как прямого продолжателя дела Гоголя…»

Способы, которыми цитаты вводятся в контекст

Цитаты могут вводиться в предложение как прямая речь. В этих случаях и знаки препинания в русском языке ставятся так же, как при выделении прямой речи.

И. Захаров подчеркивает: «Раневская выносила другим жестокие определения, смахивающие на решения судебных инстанций. Но и себя не щадила».

В случаях же если цитата должна быть разделена словами автора, это выглядит так:

«Его величество совершенно остается уверенным, – писал А.С. Пушкину А.Х. Бенкендорф, – что вы употребите отличные способности ваши на передание потомству славы нашего Отечества…»

Если цитата – это дополнение, или же она входит в придаточную часть сложного предложения, то никаких знаков, кроме кавычек, не ставится, а саму цитату начинают с маленькой буквы, даже если в источнике она писалась с большой:

В свое время философ Дж. Локк говорил, что «нет ничего в интеллекте, чего не было бы в чувстве».

Знаки препинания в конце цитаты

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

  • Если цитируемая фраза заканчивается многоточием, вопросительным или восклицательным знаком, то они ставятся перед кавычками:

Кэтрин Хепберн восклицала: «Подчиняясь всем правилам, лишаешь себя множества удовольствий!»

  • А в ситуации, когда в цитате перед кавычками знаков нет, в конце предложения ставится точка, но только после них:

Раневская сокрушалась: «85 лет при диабете – не сахар».

  • Если же цитата – это часть придаточного предложения, то точку после кавычек следует ставить, даже если перед ними уже имеется либо восклицательный, либо вопросительный знак или многоточие:

Марлен Дитрих справедливо полагала, что «нежность является лучшим доказательством любви, чем самые страстные клятвы…».


Строчная или заглавная буква стоит в начале цитаты?

Если цитата помещается после двоеточия, то необходимо обратить внимание на то, с какой буквы она начиналась в первоисточнике. Если со строчной буквы – то цитата пишется с маленькой, только перед текстом ставится многоточие:

Описывая А.С. Пушкина, И.А. Гончаров подчеркивал: «…в жестах, сопровождающих его речь, была сдержанность светского, благовоспитанного человека».

Если же приводимый отрывок начинается с прописной буквы, то оформление цитат происходит так же, как и при прямой речи – с большой буквы после двоеточия.

В. Лакшин писал об А.Н. Островском: «Много продолжает звучать в этих пьесах живым весельем и болью, отзываясь в нашей душе».

Еще некоторые нюансы обозначения цитат

А как обозначить цитату, если необходимо привести только одно слово или словосочетание? В таких случаях приводимое слово заключается в кавычки и вводится в предложение с маленькой буквы:

В. Лакшин подчеркивал, что лица в комедиях Островского точны исторически и «этнографически ярки».

В ситуациях, когда первоисточника цитаты нет в свободном доступе (нет перевода на русский или же это редкое издание), то при цитировании следует указать: «цит. по».

Можно ли что-то изменять в цитируемом отрывке

Оформление цитат требует не только соблюдения правил пунктуации, но и корректного отношения к цитируемому тексту. Со стороны автора статьи, в которой приводятся эти отрывки, допускается только несколько отклонений от их исходного состояния:

  • употребление современной орфографии и пунктуации, если манера написания и расстановка знаков не признак индивидуального стиля автора;
  • восстановление сокращенных слов, но с обязательным заключением дописанной части в квадратные скобки, например, св-во — св[ойст]во;
  • оформление цитат допускает и пропуск отдельных слов в них, с обозначением места пропуска многоточием, если это не исказит общий смысл приводимого отрывка;
  • при включении отдельных словосочетаний или слов можно изменять их падеж, чтобы не нарушить синтаксический строй фразы, в которую они включены.

Если же автору требуется дополнительно выразить свое отношение к цитируемому отрывку или к некоторым его словам, он, как правило, ставит после них заключенный в круглые скобки вопросительный или восклицательный знак.

Не только знаки препинания в русском языке должны служить для передачи цитаты

Для пишущего научный или литературный труд автора, цитата – это убедительный и экономный прием, который позволяет представить факты читателю, провести их обобщение и, конечно же, подтвердить свою мысль ссылкой на авторитетные источники.

В ненаучных текстах цитата часто является средством эмоционального воздействия. Но нельзя забывать, что приводимый отрывок должен передаваться точно. Ведь даже в определении понятия «цитата» подчеркивается, что это дословно переданная выдержка из какого-либо текста. А из этого следует, что не только сам текст, но и знаки препинания, имеющиеся у автора, а также выделения, которые есть у него, должны быть воспроизведены без искажений.

И это в равной мере можно отнести как к официальным документам, так и к эмоциональным выдержкам из художественной литературы. Лишь помня об этом, можно до конца понять, что такое цитата. Пример бережного отношения к цитируемому материалу – это прежде всего уважение к автору, написавшему приводимые вами строки.

Blockquote (блок цитирования) — длинное цитирование. Как безнаказанно вставлять в текст чужие слова: простой способ оформить цитату

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

В соответствии с действующим законодательством Российской Федерации допускается без согласия автора или иного правообладателя и без выплаты вознаграждения, но с обязательным указанием имени автора, произведение которого используется, и источника заимствования: цитирование в оригинале и в переводе в научных, полемических, критических или информационных целях правомерно обнародованных произведений в объеме, оправданном целью цитирования, включая воспроизведение отрывков из газетных и журнальных статей в форме обзоров печати.

Илон Маск рекомендует:  Что такое код mb_language

Цитирование и цитата из высказывания какой-либо авторитетного человека, оформленная в виде прямой речи в информационном, публицистическом или аналитическом материале — это способ сделать текст объективным, серьезным и вызывающим больше доверия у читателя. Давайте рассмотрим как силами HTML оформляются короткие и длинные цитаты.

Короткие цитаты

HTML тег (HTML Quote Element ) используется для выделения коротких цитат (строчная цитата). Как правило, все современные браузеры автоматически устанавливают открывающиеся и закрывающиеся кавычки в начале и в конце выделенного текста.

Перейдем к рассмотрению примера:

Деньги не пахнут — фраза, которую, как считается, произнёс император Веспасиан.


Элементы цитирования и направление текста. Blockquote (блок цитирования) — длинное цитирование

Слепое следование рекомендациям приносит пользу примерно с той же вероятностью, с какой блондинка может встретиться с динозавром – 50/50, то ли встретит, то ли нет. Чтобы не повстречать динозавра, нужно включать мозг даже тогда, когда, казалось бы, все расписано по пунктам. Профессионал тем и отличается от ламера, что на слова « это сказано в инструкции » отвечает вопросом « а почему именно так? ».

Например, использовать вместо нужно вовсе не потому что « Яндекс так больше любит ». Тег в семантике разметки означает именно boldжирное начертание шрифта. А вот – это смысловой акцент, тег сообщает роботу, что автор хотел подчеркнуть что-то важное.

Или такие простые теги:

  • Заключение фрагмента текста в теги образует логическую единицу текста – абзац (paragraph). В тексте конец параграфа выглядит как обрыв строки (нажатие на Enter) – следующий параграф начинается с новой строки.
  • Тег
    – это конкретный символ «обрыв строки», он переносит следующий символ на новую строку. Но он никак не влияет на логическую структуру.

А со стороны результат действия обоих тегов может выглядеть одинаково . Опытный сеошник понимает, к чему все это – ключевые слова внутри одного параграфа рассматриваются вместе, а разделение между двумя параграфами нарушает связь между ними.

Очень наглядно разницу между тегами можно увидеть в любимом Ворде:

И кстати, этим можно пользоваться. Чтобы завершить абзац, вы нажимаете Enter. Чтобы оборвать строку, надо нажать Shift+Enter.

Об одном заклинании … простите, про один интересный тег пойдет речь в этой статье.

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

Семантическое ядро определяет не характеристику, а смысловое значение текста. Подбирая ключевые слова, важно думать не только о релевантности, но и о технической возможности поисковой системы отнести текст к той или иной группе документов по его смысловому значению.

Семантика – это не только единицы языка в лингвистике, но и значения конструкций в программировании. Это гораздо важнее с точки зрения SEO, ведь поисковые системы – это программы, работающие в полном соответствии с реализованными алгоритмами.

Например: семантика HTML-документа определяется значением и иерархией его элементов. Так, тег определяет область данных HTML-документа, состоящую из описания (тег ) и содержания (тег ) документа. Уберите тег , и семантика документа будет нарушена.

Ссылочное ранжирование до сих пор играет немаловажную роль в продвижении сайта, но его значение лежит именно в плоскости цитирования, непонимание которого и привело к санкциям со стороны поисковых систем.

Индекс цитирования (или ИЦ) — принятая в научном мире мера «значимости » трудов какого-либо учёного. Величина индекса определяется количеством ссылок на этот труд (или фамилию) в других источниках.

Есть и другие варианты определения смыслового значения (семантики) цитаты, где могут фигурировать теги (группировка элементов) и (описание для FIGURE), микроразметка и прочее, но здесь легко допустить фатальную ошибку, которая нарушит семантику и приведёт к непредсказуемым последствиям интерпретации.

Подведём итоги

  • Копирайтерам и сеошникам важно не только слепо следовать советам для веб-мастеров, но и понимать суть предлагаемых решений, определённых спецификациями.
  • Семантика – это не только единицы языка в лингвистике, но и значения конструкций в программировании, что гораздо важнее в разрезе продвижения сайтов в поисковых системах, которые являются программами.
  • Ссылочное ранжирование крепко завязано на смысловом значении цитирования.
  • Новинкой HTML5 является расширение семантической составляющей HTML-документа вообще и тега

в частности — используйте генератор правильного HTML-кода цитат.


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

В соответствии с действующим законодательством Российской Федерации допускается без согласия автора или иного правообладателя и без выплаты вознаграждения, но с обязательным указанием имени автора, произведение которого используется, и источника заимствования: цитирование в оригинале и в переводе в научных, полемических, критических или информационных целях правомерно обнародованных произведений в объеме, оправданном целью цитирования, включая воспроизведение отрывков из газетных и журнальных статей в форме обзоров печати.

Цитирование и цитата из высказывания какой-либо авторитетного человека, оформленная в виде прямой речи в информационном, публицистическом или аналитическом материале — это способ сделать текст объективным, серьезным и вызывающим больше доверия у читателя. Давайте рассмотрим как силами HTML оформляются короткие и длинные цитаты.

Короткие цитаты

HTML тег (HTML Quote Element ) используется для выделения коротких цитат (строчная цитата). Как правило, все современные браузеры автоматически устанавливают открывающиеся и закрывающиеся кавычки в начале и в конце выделенного текста.

Перейдем к рассмотрению примера:

Деньги не пахнут — фраза, которую, как считается, произнёс император Веспасиан.

Blockquote (блок цитирования) длинное цитирование

Исходный код этого интерактивного примера находится в GitHub репозитории. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос.

Категории контента Основной контент, секционный корень, явный контент.
Разрешённый контент Основной контент.
Опускание тегов Нет, открывающий и закрывающий теги обязательны.
Разрешённые родительские элеметны Любой элемент, который принимает основной контент.
Разрешённые ARIA роли Любые
DOM интерфейс HTMLQuoteElement

Атрибуты

Для данного элемента доступны глобальные атрибуты .

cite URL, указывающий на исходный документ или сообщение, откуда была взята цитата. Этот атрибут предназначен для того, чтобы сослаться на информацию, объясняющую контекст, или ссылки, из которых была взята цитата.

Пример

This is a quotation taken from the Mozilla Developer Center.

Анонс, цитата, автоматическая цитата в статьях WordPress

Вступление

Вводная часть к статье WordPress может выводиться тремя способами. Все три способа анонсируют читателю содержание статьи. По вашему решению, это может быть анонс, цитата, автоматическая цитата в статьях WordPress. Все эти три варианта показать про что статья схожи, но имеют существенные отличии. Поговорим об этом подробнее.

Анонс статьи

Анонс статьи WordPress это часть статьи, которая отделяется от основного текста при помощи тега More ( ), что понятно переводится, как «Далее». В визуальном редакторе WordPress есть кнопка, реализующая этот тег.

Эта кнопка позволяет месте разделить текст статьи на анонс, который будет показан на главной странице сайта, при условии, что она выводит последние записи сайта. Также из анонсов будут составляться блоги всех архивов: разделов, авторов, тегов, дат. Для любителей быстрых клавиш вставить ссылку «Далее», можно тремя клавишами (Alt+Shift+T).

Чтобы сформировать анонс, нужно в редакторе поставить курсор на место отсечки анонса и нажать кнопке «Далее» или нажать три быстрых клавиши (Alt+Shift+T).

Для контроля поставленного тега, нужно открыть текстовой редактор («Текст») и найти тег . Он должен стоять в «одиночестве» и не попасть в другие теги. Например не должно быть так:

Как реализовать кнопку «Далее» в шаблоне WordPress


Функция [the_content()] выводит текущую статью внутри основного цикла и/или в отдельных записях (page.php,single.php, content.php). При применении этой функции в архивах и при наличие в тексте статьи тега эта функция обрежет текст в указанном месте. Реализуется функция [the_content()] следующим образом:

Где (more_link_text)( это поясняющий текст ссылка, по умолчанию «Read more») и (stripteaser) (это содержимое перед ссылкой далее, по умолчанию False- отсутствие), это параметры функции. Аргументы функции (что стоят в скобках) могут несколько отличаться.

Приведу несколько примеров реализации тега далее в шаблоне WordPress

Где искать функцию the_content

Функцию, реализующая отсечку анонса статьи, нужно искать внутри цикла (файлы loop.php) или на страницах записей ( файлы page.php, single.php, content.php). Все зависит от верстки шаблона. Все файлы шаблона открываются из консоли сайта , вкладка Внешний вид → Редактор.

Примечание: Перед редактированием файлов шаблона всегда имейте под рукой резервную копию сайта для отката на случай неудачи.

Автоматическая цитата в статьях WordPress

Если НЕ применять разделяющий тег , то системой сформируется автоматическая цитата в статьях WordPress, длинной 55 символов от начала текста. Автоматические цитаты формируются не только на главной странице, но и на следующих страницах сайта:

  • Результаты поиска;
  • Архивы метки;
  • Архивы рубрик;
  • Архивы за месяц;
  • Архивы за год;
  • Архивы автора.

Для отображения в этих архивах формируется краткое описание статьи. В WordPress, если не сделаны другие варианты анонса/цитаты, краткое описание статьи формируется автоматически. «Отвечает» за это функция [the_excerpt ()], так называемая автоматическая цитата. Исполняется функция the_excerpt () так:

Если при написании статьи вы не поставили тег [more] и не заполнили поле «Цитата», эта функция выведет автоматическую цитату статьи длинной 55 символов, со вставкой в конец цитаты многоточия в скобках […].

Как изменить длину автоматической цитаты в 55 слов

Длину автоматической цитаты можно поменять. Для этого нужно открыть для редактирования файл functions.php. Найти строку с функцией [excerpt_length] . Эта функция и определяет длину автоматической цитаты. В файле [functions.php] это может выглядеть так:

Это пример длины автоматической цитаты для шаблона Twentyeleven. Чтобы увеличить длину автоматической цитаты, нужно снять фильтр и изменить значение 40.

Кроме анонса [the_content()] и автоматической цитаты [the_excerpt ()] в WordPress есть возможность делать не только анонс, ставя разделитель ( ), но и делать отличную от него цитату.

Цитата введенная самостоятельно

Самостоятельно введенная цитата в статьях WordPress, позволяет избежать дублирование содержания на главной странице сайта и на отдельно открытых статьях. Исключить дублирование контента на сайте важный момент оптимизации сайта.

Важно понимать! Цитата в статьях WordPress, введенная самостоятельно и анонс сделанный тегом more это совершенно разные представления статей.

Как сделать самостоятельную цитату

Самостоятельная цитата в статьях WordPress делается в редакторе «Добавить запись» административной панели. Вверху страницы найдите «Настройка экрана». В выплывшем окне в чекбоксе «Цитата», поставьте галочку.

Форма цитаты появиться внизу страницы.

Теперь вместо начальной части вашей статьи, на главной странице сайта, в архивах, в рубриках и других местах, где требуется цитата, будет отображаться введенная вами самостоятельная цитата.

В некоторых шаблонах при отображении на сайте самостоятельно введенной цитаты, может не показываться ссылка «Читать далее». Чтобы это исправить, откройте в консоли «Редактор» внешнего вида. Откройте файл шаблона главной страницы и после , вставьте следующую строку:

Отображение цитат в страницах поисковиков


При показе ваших страниц в выдаче поисковиков, после названия статьи (это 70 знаков) будет показаны 140 знаков автоматической цитаты или анонса сделанного тегом разделителем .

Примечание! Если вы используете на сайте SEO плагины, например, SEO Ultimate или Yoast WordPress SEO , то в выдаче поисковиков будут видны анонсы, сделанные при помощи этих SEO плагинов.

Часто задают вопрос, как сделать так, чтобы анонс не попадал в основное содержание статьи? На сайтах WordPress это можно реализовать с помощью двойного тега . Как использовать этот тег, как разделить содержание анонсов главной и архивов и другие фишки повышения уникальности сайта, читайте ТУТ . Его использование позволяет делать уникальное содержание для:

  • Анонса статьи на главной странице;
  • Анонсов статей в архивах (рубрики, теги, автор, дата)
  • Также, анонсы не попадают на страницу самой статьи.

Итоги статьи

В системе WordPress есть несколько функций, которые позволяют выводить краткое содержание статей на главную страницу и на страницы архивов.

  1. Краткое содержание статьи WordPress может прописываться в специальном поле «Цитата». Если вы не видите поле «Цитата» на странице редактора, вверху найдите выезжающий слайдер «Настройки» и отметьте чекбокс «Цитата».
  2. Цитата не обязательный анонс статьи. Если вы не вписали цитату, то функция [the_content()] и поставленный в статье тег , позволят вывести текст статьи находящейся выше тега в виде анонса.
  3. Если в шаблоне есть функция [the_excerpt ()], то при отсутствии цитаты в поле «Цитата», WordPress выведет автоматическую цитату длинной, по умолчанию, 55 символов из текста с многоточием […] в конце.

Блок котировка — Block quotation

Блок цитата (также известный как длинная цитата или экстракт ) является котировкой в письменном документе , который установлен от основного текста в качестве пункта, или блока текста, и обычно отличается визуально с помощью отступов и другого шрифт или меньшего размера шрифт. Это в отличии от установки его с кавычками в цитате обкатки . Блочные цитаты используются для длинных цитат. Руководство Чикаго стиля рекомендует использовать блок котировку , когда извлеченный текст 100 слов или больше, или приблизительно от шести до восьми строк в типичной рукописи.

содержание

происхождения

В первых веках наборного , котировки отличалась лишь с указанием динамики, и это все еще можно увидеть на некоторых изданиях Библии . Во время Ренессанса , котировки отличалась установкой в гарнитуре контрастной с основным текстом тела (часто курсив с римским , или наоборот). Блочные цитаты были установлены таким образом , в полном размере и полной мере.

Кавычки были первыми врубная в середине шестнадцатого века, и были использованы Обильно некоторыми принтерами по семнадцатому. В барочных и романтический-период книгах, они могут повторяться в начале каждой строки длинной цитаты. Когда эта практика была оставлена, пустой запас остался, оставляя зазубренный блок котировку.

форматирование

Кроме кавычки не используются , чтобы приложить блочные цитаты, есть не негибкие правила для точного форматирования блока цитат. В значительной степени конкретный формат может быть продиктован методом публикации (например , рукописный текст, машинописных страниц, или электронные издания ), а также гарнитуры используется.

Для писателей и редакторов, Руководство Чикаго стиля (8 — е издание, 2007) рекомендует использовать блок котировку , когда цитируется текст пять строк или больше. Другие источники установить порог в четыре или пять линий. Блок котировка может также использоваться , чтобы отличить короткие цитаты из оригинального текста, хотя , строго говоря , это не следует АПА или стиль MLA руководящих принципов. Использование блока котировки для коротких проходов является стилистическим выбором , который может или не может быть приемлемым в зависимости от ситуации.

Некоторые рекомендации предполагают отступ пять, десять, пятнадцать мест. Тем не менее, пять пробелов в пропорциональный шрифт может быть значительно уже , чем в пишущей машинке шрифтом того же размера точки . Кроме того, установка отступа на основе точного количества пробелов не может быть технически возможно в данной обработке текстов или приложении электронной публикации. В таких ситуациях, измерение расстояния , а не количество пробелов может быть предписано вместо этого (например, 1 / 2 до 1 или от 1 до 2 см отступа). Некоторые авторы отступ блочных цитат из правого края , а также. Блочные цитаты обычно отправляется из текста , который предшествует и следует их также добавляя дополнительное пространство выше и ниже цитаты и установку текста мелкого шрифта. Если исключить определенные требования, формат блок котировки в конечном счете , будет определяться эстетиками , что делает котировку приятную для глаз, легко читать, и подходящую для конкретной задачи написания.

В наборного , блок цитат можно отличить от окружающего текста путем изменения шрифта (часто по сравнению с наклонным шрифтом), размер типа, или с помощью отступа . Часто комбинации этих методов используются, но не являются необходимыми. Блок котировок также визуально отличается от предыдущих и последующих основных текстовых блоков белой линией или полупрямой пространства. Например:

Филдинг скрывает свое собственное мнение по этому вопросу глубоко в Тома Джонса:

Теперь, в действительности, мир заплатил слишком большой комплимент критиков, и представить их мужчин гораздо больше, чем глубокомысленно они на самом деле. С этой услужливости критики ободрил взять на себя диктаторские полномочия, и до сих пор удалось, что теперь они стали хозяевами, и есть уверенность в том, чтобы дать законы для тех авторов, от которых предшественники они изначально получили их.

Сite и blockquote: перезагрузка

Недавно в спецификации HTML было изменено определение элементов

и . В статье рассказывается, что это значит для разработчиков.


Изменения в определении

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

Контент внутри элемента

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

Выделение в цитате авторское, прим. редактора.

Что изменения в

Прежде в HTML5 не было принято включать упоминание источника внутрь элемента

. Сейчас ситуация изменилась, при условии, что упоминание источника находится внутри элемента или . Упоминание источника внутри цитаты — распространенный кейс (данные показывают, что приблизительно в 60% случаев

Пример использования элементов и внутри

Пример выше показывает, что авторы спецификации, вместо того, чтобы следовать теоретической чистоте, которая, в данном случае, не имеет практического смысла, предпочли изменить определение, чтобы решить реальную проблему используя существующие возможности HTML, а не изобретать колесо.

Редкий случай

Один из аргументов против использования cite и footer внутри blockquote для указания источника цитат состоит в том, что цитируемый контент сам по себе может содержать цитаты и ссылки на источники. Мы можем отбросить этот аргумент по той причине, что такие случаи крайне редки. Отказ от использования и ради такого редкого кейса — другой пример теоретической чистоты, которая не будет служить практическим целям.

Но если у вас возник такой случай, в настоящее время спецификация HTML предлагает вам просто закомментировать указание источника в коде цитаты. (Вопрос все еще открыт и этот совет может измениться):

(Добавлено 6.11.13, прим. редактора.) В ответ на отзывы, мы решили изменить наше предложение для спецификации так, чтобы использовать атрибут class (который может использоваться для расширения) элемента для обозначения, что это часть источника цитаты.

Изменения в определении

Элемент представляет отсылку к оригинальной работе. Он должен включать название работы или имя автора (персоналию, группу лиц или организацию), или ссылку, которые могут быть в представлены сокращенном виде в соответствии с соглашениями, принятыми при цитировании.

Что изменения в значат для разработчиков

Ранее в HTML5 не было принято упоминать автора источника по имени или заключать другую информацию об источнике в элемент . Применение было зарезервировано (теоретически) для названия источника. Это было попыткой пересмотреть определение элемента, не менявшееся 14 лет.

Разработчики выступали против изменений в определении:

Присоединяйтесь к кампании гражданского неповиновения против излишне ограничительных, обратно-несовместимых изменений элемента . Начните использовать HTML5, но начните использовать его разумно. Давайте посмотрим, как плохой совет канет в лету.

Они также приводили абстрактные и реальные примеры указания источника. Сейчас, в результате исследований, анализа данных и дискуссий, разработчики могут вновь использовать для того, чтобы разными способами сослаться на источник: например, указать название работы, имя автора или ссылку на источник . Мы теряем в теоретической чистоте, но выигрываем в удобстве использования:

Сколько раз в день тег , содержащий гиперссылку, опубликуется на веб-страницах? По меньшей мере, 70 миллиардов раз, т.е. примерно в 10 ссылках на странице результатов поиска Google.

Одна из причин, почему элемент теперь можно использовать для гиперссылок (даже не упоминая про идентичную ситуацию с Bing).

Что вы думаете?

Пожалуйста, прочитайте определения в спецификации HTML 5.1, нам интересно ваше мнение!

Огромное спасибо «доктору» Оли, чье исследование помогло подготовить изменения, произошедшие с элементами и


. И «доктору» Брюсу за то, что настаивал на своем праве цитировать свою маму.

Перевод оригинальной статьи «Cite and blockquote — reloaded» Стива Фолкнера (Steve Faulkner), опубликованной на сайте HTML5Doctor.com.

Комментарии +

Использование footer внутри blockquote, как я понимаю, чисто декоративное для дефиса/тире?

Не проще ли будет опустить footer и сделать дефисотире через before?

Антон, используется здесь по смысловому назначению, ровно так, как описано в спецификации:

A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like

Сайт неплох, но почему так медленно работает?!
Страницы грузятся по 5-14 секунд!

Добротный перевод отличной статьи! Искал информацию по цитатам с точки зрения SEO, и думаю что данное описание Брюса будет вскоре восприниматься ПС как идеальное использование цитат. если еще не воспринимается ;)

Столкнулся с мнением одного из участников рабочей группы HTML в W3C, что «мгновенные снимки» спецификаций W3C нужны в основном (если не исключительно) для решения юридических вопросов с патентами, и фактически устаревают задолго до перехода в статус какой-либо рекомендации. А для браузеров (и, соответственно, веб-разработчиков) важнее «живой стандарт» WHATWG. Кроме того, Хикси — еще и сотрудник Гугла, что дает основания подозревать, что и для поисковиков (как минимум, одного:) спецификация WHATWG как-то «роднее». В связи с этим возник вопрос: насколько такие изменения, нарушающие совместимость с «живым стандартом», являются авторитетными для индустрии? Есть ли вообще смысл принимать их в расчет?

Кроме того, пример «особого случая» с внутри цитаты (необходимость особого класса для указания, что используется по главному назначению, а не ради узаконенного хака!) выглядит действительно как-то не очень. Невольно возникает подозрение, что Стив Фолкнер, постоянно напирая на пришедшие из WHATWG принципы разработки HTML (разумный прагматизм и всё такое) и доводя их до абсурда, попросту слегка троллит того же Хикси:)

Помогите разобраться наконец в этой путанице!

Оформление цитат на сайтах

Обычно при вёрстке текстов для веба на оформление цитат не обращают достаточного внимания. Стараясь исправить это досадное недоразумение, мы коснёмся двух вопросов: типографического оформления цитат (в той части, где чаще всего допускаются ошибки при вёрстке) и реализации этого оформления в HTML-коде.

Мы также не будем касаться вопросов проверки смысловой точности цитирования, правильного использования купюр, сокращений и дополнений — всех интересующихся ждёт «Справочник издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.

Надеемся, что эту запись будет удобно использовать как справочник по часто встречающимся вопросам оформления цитат.

Типографическое оформление цитат

Кавычки

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

Кавычки ставятся только в начале и конце цитаты, независимо от размера цитаты и количества абзацев в ней.

Цитаты заключаются в кавычки такого же рисунка, что и применяемые в основном тексте в качестве основных — в подавляющем числе случаев это кавычки-ёлочки « ».

Если внутри цитаты есть слова (словосочетания, фразы), в свою очередь заключённые в кавычки, то последние должны быть другого рисунка, чем кавычки, закрывающие и открывающие цитату (если внешние кавычки — ёлочки « », то внутренние — лапки „ “, и наоборот). Например: Василий Пупкин заявил в недавнем интервью: «Компания „Пупстройтрест“ заняла почётное шестьсот двенадцатое место в рейтинге строительных компаний Запорожья».

Если в цитате встречаются кавычки «третьей ступени», то есть внутри заключённых в кавычки словосочетаний цитаты есть, в свою очередь, слова, взятые в кавычки, в качестве последних рекомендуются кавычки второго рисунка, то есть лапки. Пример из Мильчина и Чельцовой: М. М. Бахтин писал: «Тришатов рассказывает подростку о своей любви к музыке и развивает перед ним замысел оперы: „Послушайте, любите вы музыку? Я ужасно люблю… Если бы я сочинял оперу, то, знаете, я бы взял сюжет из „Фауста“. Я очень люблю эту тему“». Но вообще, лучше попытаться так перестроить оформление цитаты, чтобы таких случаев не возникало.

Знаки препинания после цитаты, стоящей в конце предложения

Если предложение заканчивается цитатой, то точка всегда ставится после закрывающей кавычки. Точка не ставится в следующих случаях.

  1. Если перед закрывающими кавычками стоит многоточие, восклицательный или вопросительный знак, а цитата, заключенная в кавычки, является самостоятельным предложением (таковы, как правило, все цитаты после двоеточия, отделяющего их от слов цитирующего). При этом знак препинания ставится внутри кавычек. Пример из Мильчина и Чельцовой:
    Печорин писал: «Я не помню утра более голубого и свежего!»
    Печорин признавался: «Я иногда себя презираю. »
    Печорин спрашивает: «И зачем было судьбе кинуть меня в мирный круг честных контрабандистов?»
  2. То же, если самостоятельным предложением заканчивается цитата, первое предложение которой начинается со строчной буквы. Например: Печорин размышляет: «…зачем было судьбе кинуть меня в мирный круг честных контрабандистов? Как камень, брошенный в гладкий источник, я встревожил их спокойствие. »
  3. Если перед закрывающими цитату кавычками стоит вопросительный или восклицательный знак, а цитата не является самостоятельным предложением и после всей фразы с цитатой должен был бы стоять вопросительный или восклицательный знак. Например: Лермонтов восклицает в предисловии, что это «старая и жалкая шутка!»


Ещё раз подчеркнём, в остальных случаях в конце предложения ставится точка, и ставится она после закрывающей кавычки.

Цитата со словами цитирующего внутри

Несмотря на то, что внутри цитаты находится речь цитирующего, кавычки всё равно ставятся только один раз — в начале и в конце цитаты. Ставить закрывающую кавычку перед словами цитирующего и снова открывающую после них не нужно.

Если в месте разрыва цитаты отсутствуют знаки препинания, либо разрыв происходит на месте запятой, точки с запятой, двоеточия или тире, то слова цитирующего отделяются с двух сторон запятой и тире «, —» (не забывайте, что перед тире должен стоять неразрывный пробел!).

В источнике В тексте с цитатой
Я стал неспособен к благородным порывам. «Я, — признается Печорин, — стал неспособен к благородным порывам. »
…Моё сердце превращается в камень, и ничто его не разогреет снова. «… Моё сердце превращается в камень, — безнадёжно заключает Печорин, — и ничто его не разогреет снова».
Слишком однобокий и сильный интерес чрезмерно увеличивает напряжение человеческой жизни; ещё один толчок, и человек сходит с ума. «Слишком однобокий и сильный интерес чрезмерно увеличивает напряжение человеческой жизни, — размышляет Д. Хармс, — ещё один толчок, и человек сходит с ума».
Цель всякой человеческой жизни одна: бессмертие. «Цель всякой человеческой жизни одна, — записывает в своём дневнике Д. Хармс, — бессмертие».
Подлинный интерес — это главное в нашей жизни. «Подлинный интерес, — утверждает Д. Хармс, — это главное в нашей жизни».

Если на месте разрыва цитаты в источнике стоит точка, то перед словами цитирующего ставят запятую и тире «, —», а после его слов — точку и тире «. —» (не забываем про неразрывный пробел!), причём вторая часть цитаты начинается с прописной буквы (в простонародье называемой также «большой» или «заглавной»).

В источнике В тексте с цитатой
…Моё сердце превращается в камень, и ничто его не разогреет снова. Я готов на все жертвы, кроме этой… «…Моё сердце превращается в камень, и ничто его не разогреет снова, — заключает Печорин. — Я готов на все жертвы, кроме этой…»

Если на месте разрыва цитаты в источнике стоит вопросительный знак, восклицательный знак или многоточие, то перед словами цитирующего ставят этот знак и тире «? —; ! —; … —», а после его слов — точку и тире «. —», если вторая часть цитаты начинается с прописной. Если вторая часть цитаты начинается со строчной буквы (в простонародье называемой также «маленькой»), то после слов цитирующего ставится запятая и тире «, —».

В источнике В тексте с цитатой
Я иногда себя презираю… не оттого ли я презираю и других. Я стал неспособен к благородным порывам; я боюсь показаться смешным самому себе. «Я иногда себя презираю… не оттого ли я презираю и других. — признаётся Печорин. — Я стал неспособен к благородным порывам…»
…Прости любовь! моё сердце превращается в камень, и ничто его не разогреет снова. «…Прости любовь! — пишет Печорин в своём журнале, — моё сердце превращается в камень…»
Это какой-то врождённый страх, неизъяснимое предчувствие… Ведь есть люди, которые безотчётно боятся пауков, тараканов, мышей… «Это какой-то врождённый страх, неизъяснимое предчувствие… — ищет объяснения Печорин. — Ведь есть люди, которые безотчётно боятся пауков, тараканов, мышей…»

Оформление цитат в коде

Многие забывают, что в стандарте 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

Blockquote (блок цитирования) длинное цитирование

Цитирование — это точное копирование чьих-то слов. Если Вы излагаете чью-то речь собственными словами — это уже не цитирование, и должно быть представлено как простой текст (без какой-либо специальной разметки).

BLOCKQUOTE — блоковый элемент, поэтому он используется для относительно длинных цитат. Что касается коротких цитат, их лучше представлять используя разметку текстового уровня. В особых случаях Вы можете использовать CODE, SAMP, KBD или CITE, однако лучше обратиться к специфицированию физического представления, например к использованию курсива или кавычек — согласно Вашим представлениям и требованиям языка, который Вы используете. (В HTML 3.2 не существует общего элемента текстового уровня для цитирования, главным образом потому, что правила цитирования в разных языках различны.)

Если важно, чтобы текст выводился так, как он написан (с разделением на строки и использованием знаков пробелов и табуляции), можно использовать PRE.

Когда описывается человеко-машинное взаимодействие, используйте специальные элементы CODE, SAMP и KBD для цитирования программного кода, листингов программ или ввода с клавиатуры.

Не используйте BLOCKQUOTE, чтобы получить отступы . Броузер может и не показывать их при представлении текста.

Хорош тоном считается специфицировать источник цитирования, иногда это даже требуется законом (копирайт). Поэтому, если это возможно, обеспечьте связь к источнику документа на Web в добавление к спецификации источника в тексте.

Сам элемент BLOCKQUOTE не предоставляет структурированный способ задания источника информации. В представленном выше примере приведен один из способов, как можно это сделает.

Если Вам не нравится шрифт, используемый броузером для представления содержимого элемента BLOCKQUOTE, чтобы изменить его можно использовать таблицы стиля. Например, для усиления используйте I элемент, помня при этом, что как текстовый элемент, он не разрешает перевод абзаца в пределах BLOCKQUOTE, так что Вы должны использовать отдельный элемент I в каждом абзаце.

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL