Тег blockquote: Тег | htmlbook.ru – Тег blockquote, отдельная цитата — Разметка текста — HTML Academy

Leave a Comment / Разное / By /

HTML тег blockquote | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 23.01.2011

Тег <blockquote> (англ. block quote — блок цитаты) — тег-контейнер, выделяет цитату (как правило длинную). Отображается с увеличенным отступом.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<blockquote>...</blockquote>

Атрибуты

Основные Вспомогательные События

cite ссылка на первоисточник. Атрибут не поддерживается браузерами
class определяет имя используемого класса
dir задает направление
  • ltr — направление слева направо (по умолчанию)
  • rtl — направление справа налево
id уникальный идентификатор
lang
определяет язык отображаемого документа
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style
задает встроенную таблицу стилей
title добавляет всплывающую подсказку

Пример

<blockquote><p>Скажи-ка, дядя, ведь не даром
Москва, спаленная пожаром,
французу отдана?&lt/p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div>

Рекомендации по использованию

  • закрывающий тег обязателен (</blockquote>)
  • может содержать блочные элементы и тег <script>
  • обязательных атрибутов нет
  • атрибут cite не поддерживается современными браузерами
  • по умолчанию тега blockquote многие браузеры делают отступы слева и справа (для полной кроссбраузерности задавайте явно значение отступов)
  • некотрые браузеры по умолчанию отображают текст внутри блока в виде italic
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)

Тег blockquote является блочным аналогом тега <q>

Твой код:
<html> <head> <title></title> </head> <body> <blockquote><p>Скажи-ка, дядя, ведь не даром<br/> Москва, спаленная пожаром,<br/> французу отдана?</p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

HTML тег blockquote | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 23.01.2011

Тег <blockquote> (англ. block quote — блок цитаты) — тег-контейнер, выделяет цитату (как правило длинную). Отображается с увеличенным отступом.
Блочный элемент.

HTML: 3.2 | 4 /

XHTML: 1.0 | 1.1

Синтаксис

<blockquote>...</blockquote>

Атрибуты

Основные Вспомогательные События

citeссылка на первоисточник. Атрибут не поддерживается браузерами
classопределяет имя используемого класса
dirзадает направление
  • ltr — направление слева направо (по умолчанию)
  • rtl — направление справа налево
idуникальный идентификатор
langопределяет язык отображаемого документа
onclickщелчок на элементе
ondblclickдвойной щелчок на элементе
onkeydownнажатие клавиши, когда элемент имеет фокус
onkeypressнажатие и освобождении клавиши, когда элемент имеет фокус
onkeyupосвобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedownнажатие кнопки мыши, когда элемент имеет фокус
onmousemoveдвижение указателя мыши, когда элемент имеет фокус
onmouseoutсмещение указателя мыши с элемента
onmouseoverпомещение указателя мыши на элемент
onmouseupосвобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
styleзадает встроенную таблицу стилей
titleдобавляет всплывающую подсказку

Пример

<blockquote><p>Скажи-ка, дядя, ведь не даром
Москва, спаленная пожаром,
французу отдана?&lt/p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div>

Рекомендации по использованию

  • закрывающий тег обязателен (</blockquote>)
  • может содержать блочные элементы и тег <script>
  • обязательных атрибутов нет
  • атрибут cite не поддерживается современными браузерами
  • по умолчанию тега blockquote многие браузеры делают отступы слева и справа (для полной кроссбраузерности задавайте явно значение отступов)
  • некотрые браузеры по умолчанию отображают текст внутри блока в виде italic
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)

Тег blockquote является блочным аналогом тега <q>

Твой код:
<html> <head> <title></title> </head> <body> <blockquote><p>Скажи-ка, дядя, ведь не даром<br/> Москва, спаленная пожаром,<br/> французу отдана?</p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

HTML тег blockquote | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 07.03.2009

Тег <blockquote> (англ. block quote — блок цитаты) — тег-контейнер, выделяет цитату (как правило длинную). Отображается с увеличенным отступом.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<blockquote>...</blockquote>

Атрибуты

Основные Вспомогательные События

citeссылка на первоисточник. Атрибут не поддерживается браузерами
classопределяет имя используемого класса
dirзадает направление
  • ltr — направление слева направо (по умолчанию)
  • rtl — направление справа налево
idуникальный индетификатор
langопределяет язык отображаемого документа
onclickщелчек на элементе
ondblclickдвойной щелчек на элементе
onkeydownнажатие клавиши, когда элемент имеет фокус
onkeypressнажатие и освобождении клавиши, когда элемент имеет фокус
onkeyupосвобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedownнажатие кнопки мыши, когда элемент имеет фокус
onmousemoveдвижение указателя мыши, когда элемент имеет фокус
onmouseoutсмещение указателя мыши с элемента
onmouseoverпомещение указателя мыши на элемент
onmouseupосвобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
styleзадает встроенную таблицу стилей
titleдобавляет всплывающую подсказку
Пример

<blockquote><p>Скажи-ка, дядя, ведь не даром
Москва, спаленная пожаром,

французу отдана?&lt/p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div>

Рекомендации по использованию
  • закрывающий тег обязателен (</blockquote>)
  • может содержать блочные элементы и тег <script>
  • обязательных атрибутов нет
  • атрибут cite не поддерживается современными браузерами
  • по умолчанию тега blockquote многие браузеры делают отступы слева и справа (для полной кроссбраузерности задавайте явно значение отступов)
  • некотрые браузеры по умолчанию отображают текст внутри блока в виде italic
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)

Тег blockquote является блочным аналогом тега <q>

Твой код:
<html> <head> <title></title> </head> <body> <blockquote><p>Скажи-ка, дядя, ведь не даром<br/> Москва, спаленная пожаром,<br/> французу отдана?</p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div> </body> </html> Сделай код и жми тут

Результат:
большой полигон

seodon.ru | Теги HTML — Тег BLOCKQUOTE

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Тег <BLOCKQUOTE> применяется для выделения длинных цитат, например параграфов или целых страниц. При этом он устанавливает увеличенные боковые поля (margin) от окружающих элементов, а также поля сверху и снизу такие же как у параграфов.

Атрибуты

Личные атрибуты: нет.

Общие атрибуты:

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: текст (блоки).

Модель тега: block (блочный, уровня блока).

Должен содержать: block-теги и/или теги <SCRIPT>.

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<blockquote>содержимое</blockquote>

Пример HTML: применение тега BLOCKQUOTE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега BLOCKQUOTE</title>
 </head>
 <body>
  <blockquote>
   <p>However, as some authors have used BLOCKQUOTE merely as a mechanism
      to indent text, in order to preserve the intention of the authors, user
      agents should not insert quotation marks in the default style.</p>
   <p>Цитата из официальной спецификации по HTML 4.01.</p>
  </blockquote>
 </body>
</html>

Результат примера

Результат. Применение тега BLOCKQUOTE.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

blockquote — Xiper.net

Автор: Евгений Рыжков Дата публикации: 09.01.2009

Тег <blockquote> (англ. block quote — блок цитаты) — тег-контейнер, выделяет цитату (как правило длинную). Отображается с увеличенным отступом.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<blockquote>...</blockquote>

Атрибуты

Основные Вспомогательные События

cite ссылка на первоисточник. Атрибут не поддерживается браузерами
class определяет имя используемого класса
dir задает направление
  • ltr — направление слева направо (по умолчанию)
  • rtl — направление справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title добавляет всплывающую подсказку

Пример

<blockquote><p>Скажи-ка, дядя, ведь не даром
Москва, спаленная пожаром,
французу отдана?&lt/p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div>

Рекомендации по использованию

  • закрывающий тег обязателен (</blockquote>)
  • может содержать блочные элементы и тег <script>
  • обязательных атрибутов нет
  • атрибут cite не поддерживается современными браузерами
  • по умолчанию тега blockquote многие браузеры делают отступы слева и справа (для полной кроссбраузерности задавайте явно значение отступов)
  • некотрые браузеры по умолчанию отображают текст внутри блока в виде italic
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)

Тег blockquote является блочным аналогом тега <q>

Твой код:
<html> <head> <title></title> </head> <body> <blockquote><p>Скажи-ка, дядя, ведь не даром<br/> Москва, спаленная пожаром,<br/> французу отдана?</p></blockquote> <div>М.Ю. Лермонтов. «Бородино»</div> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

тег | Как создать сайт

HTML справочник

Значение и применение

HTML тег <blockquote> (HTML Block Quotation Element) используется для определения в документе длинной блочной цитаты. Текст внутри этого тега отображается как выровненный блок с отступами слева и справа.

Если вы хотите использовать короткую цитатк применяйте  специальный HTML элемент <q>.

 

Поддержка браузерами

Атрибуты

АтрибутЗначениеОписание
citeURLУказывает URL адрес ресурса/документа, из которого была собственно позаимствована цитата. Для пользователя этот атрибут не отображается. Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера.
Можно указывать как абсолютные адреса (например: <blockquote cite = «http://webdiz.com.ua//tag_blockquote»>), так и относительные (например: <blockquote cite = «tag_blockquote.html»>.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования тега blockquote</title>
	</head>
	<body>
		<h4>Пример использования коротких цитат:</h4>
		<p><q> Деньги не пахнут </q> - фраза, которую, как считается, произнёс император Веспасиан.</p>
		<hr>
		<h4>Пример использования длинных цитат:</h4>
		<p>Здесь информация с сайта «Википедия»:</p>
		<blockquote cite = https://ru.wikipedia.org/wiki/Pecunia_non_olet> 
		Деньги не пахнут - крылатое латинское выражение. Слова, приписываемые императору Веспасиану,
		якобы произнесенные им после получения денег от налога на общественные уборные Рима
		и обращённые к его сыну Титу, который выразил неудовольствие по этому поводу. </blockquote>
		<hr>
	</body>
</html>

Атрибут cite указывает URL адрес ресурса, из которого была заимствована цитата. Для пользователя этот атрибут не отображается. Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера.

Ниже приведён пример, как это отбражается в браузере (к заголовкам применен тег <h4>, а между примерами использован тег <hr> – горизонтальная черта):

Пример использования коротких и длинных цитат в HTML.

Отличия HTML 4.01 от HTML 5

В HTML 4.01 элемент определял длинную цитату, а в HTML5 определяет раздел, который цитируется из другого источника.

Значение CSS по умолчанию

blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

 

HTML справочник

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *