В этой статье мы с Вами рассмотрим как на языке HTML оформить дословную выдержку из какого-либо текста, или одним словом "цитата", рассмотрим нюансы работаты с разнонаправленным текстом и Восточно-азиатскими символами.
В соответствии с действующим законодательством Российской Федерации допускается без согласия автора или иного правообладателя и без выплаты вознаграждения, но с обязательным указанием имени автора, произведение которого используется, и источника заимствования: цитирование в оригинале и в переводе в научных, полемических, критических или информационных целях правомерно обнародованных произведений в объеме, оправданном целью цитирования, включая воспроизведение отрывков из газетных и журнальных статей в форме обзоров печати.
Цитирование и цитата из высказывания какой-либо авторитетного человека, оформленная в виде прямой речи в информационном, публицистическом или аналитическом материале - это способ сделать текст объективным, серьезным и вызывающим больше доверия у читателя. Давайте рассмотрим как силами HTML оформляются короткие и длинные цитаты.
Короткие цитаты
HTML тег (HTML Quote Element
) используется для выделения коротких цитат
(строчная цитата). Как правило, все современные браузеры автоматически устанавливают открывающиеся и закрывающиеся кавычки в начале и в конце выделенного текста.
Перейдем к рассмотрению примера:
Деньги не пахнут
- фраза, которую, как считается, произнёс император Веспасиан.
(HTML Block Quotation Element
) используется для определения в документе блочной цитаты (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справа (по умолчанию 40 пикселей).
Пример использования элемента
Здесь информация с сайта «Википедия»:
"https://ru.wikipedia.org/wiki/Pecunia_non_olet"
>
Деньги не пахнут - крылатое латинское выражение. Слова, приписываемые императору Веспасиану,
якобы произнесенные им после получения денег от налога на общественные уборные Рима
и обращённые к его сыну Титу, который выразил неудовольствие по этому поводу.
По аналогии с тегом атрибут cite тега
указывает URL адрес ресурса, из которого была заимствована цитата. Для пользователя этот атрибут не отображается (не видимо его применение). Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера. Допускается указывать как абсолютные адреса (например:
cite =
"http://сайт/html/tag_blockquote.php"
>
), так и относительные (например:
cite =
"tag_blockquote.php"
>
.
Ниже приведён пример, как это отображается в браузере:
Рис. 23а Пример использования длинных цитат в HTML.
HTML название произведения
HTML тег (HTML Citation Element
) предназначен для выделения названия произведений. Он должен включать название работы или ссылку на творчество (URL-адрес). По умолчанию, браузеры отображают элементы курсивом
.
Пример использования:
Пример использования элемента «Горе от ума»
- комедия в стихах А. С. Грибоедова. Первый показ 1825 г.
В браузере это выглядит следующим образом:
Направление вывода текста
Тег (HTML bidirectional override element
) используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например - арабский язык).
Тег применяется с атрибутом dir
и значениями ltr
(left-to-right), или rtl
(right-to-left), задающими направление текста слева направо, либо справа налево.
Пример использования тега
dir =
"ltr"
>
Направление текста слева направо.
Направление текста справа налево.
Результат примера:
В HTML 5 тег изолирует фрагмент текста, который должен отображаться в другом направлении письма и позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью письма.
Например:
Пример использования тега
Победители европейского забега:
Участник № 1
ماقسيم
99 баллов – 1 место
Участник № 2
دميتري
97 баллов – 2 место
Участник № 3 John Connor 96 баллов – 3 место
Результат нашего примера:
Рис. 25 Пример использования разнонаправленных языков.
Обращаю Ваше внимание, что браузеры Internet Explorer
и Edge
не поддерживают тег .
Нюансы восточно-азиатских символов.
В HTML присутствуют элементы ,
Было изменено определение элементов
и . В статье рассказывается, что это значит для разработчиков.
Изменения в определении
Элемент
представляет контент, являющийся цитатой из другого источника, возможно
, включающим упоминание этого источника, которое должно быть
размещено внутри элементов