HTML - тег <blockquote>
Пример
Фрагмент, цитируемый из другого источника:
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <blockquote>
указывает раздел, который цитируется из другого источника.
Браузеры обычно делают отступ <blockquote>
для элементов (посмотрите пример ниже, чтобы узнать, как убрать отступ).
Советы и примечания
Совет: используйте <q>
для встроенных (коротких) цитат.
Поддержка браузера
Element | |||||
---|---|---|---|---|---|
<blockquote> | Yes | Yes | Yes | Yes | Yes |
Атрибуты
Attribute | Value | Description |
---|---|---|
cite | URL | Specifies the source of the quotation |
Глобальные атрибуты
Тег <blockquote>
также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <blockquote>
также поддерживает атрибуты событий в HTML .
Дополнительные примеры
Пример
Используйте CSS, чтобы удалить отступ из элемента цитаты:
<html>
<head>
<style>
blockquote {
margin-left: 0;
}
</style>
</head>
<body>
<p>Here is a quote from WWF's
website:</p>
<blockquote
cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has
been protecting the future of nature. The world's leading conservation
organization, WWF works in 100 countries and is supported by 1.2 million
members in the United States and close to 5 million globally.
</blockquote>
</body>
</html>
Связанные страницы
Справочник по HTML DOM: объект Blockquote
Настройки CSS по умолчанию
Большинство браузеров будут отображать <blockquote>
элемент со следующими значениями по умолчанию:
Пример
blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}