ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. Уроки для начинающих

En Ua

HTML Элементы цитаты и цитирования



Цитата

Цитата бывшего чемпиона мира по боксу и мэра Киева Виталия Кличко:

А сегодня в завтрашний день не все могут смотреть. Вернее смотреть могут не только лишь все, мало кто может это делать...
Попробуйте сами »

HTML элемент <q> для коротких цитат

HTML элемент <q> определяет короткие цитаты.

Браузеры обычно вставляют кавычки вокруг элемента <q>.

Пример

<p>Цель WWF состоит в том, чтобы: <q>Построить будущее, где люди живут в гармонии с природой.</q></p>
Попробуйте сами »

HTML элемент <blockquote> для цитирования

HTML элемент <blockquote> определяет раздел, который цитируется с другого источника.

Браузеры обычно отображают элементы <blockquote> с отступом.

Пример

<p>Вот цитата с сайта WWF:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
В течение 50 лет WWF защищает будущее природы.
Всемирная организация WWF, ведущая природоохранная организация, работает в 100 странах мира, её поддерживают 1,2 миллиона человек в Соединенных Штатах и близки к ней 5 миллионов по всему миру.
</blockquote>
Попробуйте сами »

HTML элемент <abbr> для аббревиатур

HTML элемент <abbr> определяет аббревиатуру или акроним.

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

Пример

<p><abbr title="World Health Organization">WHO</abbr> была создана в 1948.</p>
Попробуйте сами »

HTML элемент <address> для контактной информации

HTML элемент <address> определяет контактную информацию (автор/владелец) документа или статьи.

Элемент <address> обычно отображается курсивом. Большинство браузеров добавляют разрыв строки до и после элемента.

Пример

<address>
Автор Саша Грэй.<br>
Посетите нас на:<br>
Example.com<br>
Box 564, Lalaland<br>
USA
</address>
Попробуйте сами »

HTML элемент <cite> для названия работы

HTML элемент <cite> определяет название работы.

Браузеры обычно отображают элемент <cite> курсивом.

Пример

<p><cite>The Scream</cite> by Edvard Munch. Нарисовано в 1893.</p>
Попробуйте сами »

HTML элемент <bdo> для двунаправленного переопределения

HTML элемент <bdo> определяет двунаправленное переопределение.

Элемент <bdo> используется для переопределения текущего направления текста:

Пример

<bdo dir="rtl">Этот текст будет написан справа налево</bdo>
Попробуйте сами »

HTML Упражнения

Проверьте себя с помощью упражнений

Упражнение:

Используйте элемент HTML, чтобы добавить кавычки вокруг букв "cool".

<p>
I am so cool.
</p>


HTML элементы цитаты и цитирования

Тег Описание
<abbr> Определяет аббревиатуру или акроним
<address> Определяет контактную информацию для автора/владельца документа
<bdo> Определяет направление текста
<blockquote> Определяет раздел, который цитируется из другого источника
<cite> Определяет название произведения
<q> Определяет короткую встроенную цитату

Для получения полного списка всех доступных тегов HTML, посетите HTML Справочник тегов на нашем сайте W3Schools на русском.


Вопросы для самоконтроля

  • Какой HTML-элемент определяет короткую цитату?
  • Какой HTML-элемент определяет раздел, который цитируется с другого источника?
  • Какой HTML-элемент определяет аббревиатуру или акроним?
  • Какой HTML-элемент определяет контактную информацию (кто автор/владелец) документа или статьи?
  • Какой HTML-элемент определяет название рыботы?
  • Какой HTML-элемент определяет двунаправленное переопределение текущего направления текста?