HTML цитаты и элементы цитирования, теги: blockquote, q
Меню
Справочник

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

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

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

В этой главе мы рассмотрим HTML-теги элементов <blockquote>, <q>, <abbr>, <address>, <cite> и <bdo>.

Вот цитата с сайта WWF:

Миссия WWF состоит в предотвращении нарастающей деградации естественной среды планеты и достижении гармонии человека и природы. Наша главная цель – это сохранение биологического разнообразия Земли.

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

HTML <blockquote> для цитат

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

Браузеры обычно делают отступ для элементов <blockquote>:

<blockquote cite="https://wwf.ru/about/nashi-tsennosti/">
Миссия WWF состоит в предотвращении нарастающей деградации естественной среды планеты и достижении 
гармонии человека и природы. Наша главная цель – это сохранение биологического разнообразия Земли. 

Мы чтим многообразие природы и людей, наших партнеров и сообществ, с которыми работаем вместе. 
Множество разных культур и людей, которые входят в состав WWF, объединены одной миссией, одним брендом и общим набором ценностей.
</blockquote>


HTML <q> для коротких цитат

Тег HTML <q> определяет короткую цитату.

Браузеры обычно вставляют кавычки вокруг цитаты.

<q>Наша миссия — сохранить биологическое разнообразие в гармонии человека и природы.</q>

HTML <abbr> для сокращений

Тег HTML <abbr> определяет аббревиатуру (акроним), например «HTML», «CSS», «г-н», «РФ».

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

Рекомендация:используйте глобальный атрибут title, чтобы отображать описание аббревиатуры, акронима при наведении указателя мыши на элемент.
<p><abbr title="World Wide Web Консорциум">W3C</abbr> был основан в 1994 году.</p>

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

HTML - тег <address> определяет контактную информацию автора, владельца документа или статьи.

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

Текст в элементе <address> обычно отображается курсивом, и браузеры всегда добавляют разрыв строки до и после элемента <address>.

<адрес>
Автор А. С. Пушкин.<br>
Посетите нас по адресу:<br>
example.ru<br>
Москва, улица Арбат, 53<br>
Российская Федерация
</адрес>

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

HTML - тег <cite> определяет название творческого произведения (например, книги, стихотворения, песни, фильма, картины, скульптуры и т. д.).

Рекомендация:имя человека не является названием произведения. Текст в элементе <cite> обычно отображается курсивом.
<p><cite>Война и мир</cite> Льва Николаевича Толстого. Написано в 1863—1869 годах.</p>

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


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

BDO расшифровывается как Bi-Directional Override (Двунаправленное переопределение).

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

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

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


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

Справочник по тегам содержит дополнительную информацию об этих тегах и их атрибутах.

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

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.


Всего пара вопросов

Проверьте себя, насколько хорошо вы запомнили материал.


☛ Комментарии HTML

Форматирование HTML текста ☚

Поделиться ссылкой