HTML -цитаты и элементы цитирования
В этой главе мы рассмотрим
элементы <blockquote>
, <q>
, <abbr>
, <address>
, <cite>
и <bdo>
HTML.
Пример
Here is a quote from WWF's website:
For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
HTML <blockquote> для цитат
Элемент HTML <blockquote>
определяет раздел, цитируемый из другого источника.
Браузеры обычно делают отступы для <blockquote>
элементов.
Пример
<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>
HTML <q> для коротких цитат
Тег HTML <q>
определяет короткую цитату.
Браузеры обычно вставляют кавычки вокруг цитаты.
Пример
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> для сокращений
Тег HTML <abbr>
определяет аббревиатуру или акроним, например «HTML», «CSS», «мистер», «доктор», «ASAP», «ATM».
Обозначения аббревиатур могут дать полезную информацию браузерам, системам перевода и поисковым системам.
Совет. Используйте глобальный атрибут title, чтобы отображать описание аббревиатуры/акронима при наведении указателя мыши на элемент.
Пример
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <address> для контактной информации
Тег HTML <address>
определяет контактную информацию автора/владельца документа или статьи.
Контактная информация может быть адресом электронной почты, URL-адресом, физическим адресом, номером телефона, именем в социальной сети и т. д.
Текст в <address>
элементе обычно отображается курсивом,
и браузеры всегда добавляют разрыв строки до и после <address>
элемента.
Пример
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cite> для названия работы
Тег HTML <cite>
определяет название творческого произведения (например, книги, стихотворения, песни, фильма, картины, скульптуры и т. д.).
Примечание. Имя человека не является названием произведения.
Текст в <cite>
элементе обычно отображается курсивом .
Пример
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> для двунаправленного переопределения
BDO расшифровывается как Bi-Directional Override.
Тег HTML <bdo>
используется для переопределения текущего направления текста:
Пример
<bdo dir="rtl">This text will be written from right to left</bdo>
HTML-упражнения
HTML-цитаты и элементы цитирования
Tag | Description |
---|---|
<abbr> | Defines an abbreviation or acronym |
<address> | Defines contact information for the author/owner of a document |
<bdo> | Defines the text direction |
<blockquote> | Defines a section that is quoted from another source |
<cite> | Defines the title of a work |
<q> | Defines a short inline quotation |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .