From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/abbr/index.html | 186 ++++++++++++++++++++++++++++++ 1 file changed, 186 insertions(+) create mode 100644 files/ru/web/html/element/abbr/index.html (limited to 'files/ru/web/html/element/abbr/index.html') diff --git a/files/ru/web/html/element/abbr/index.html b/files/ru/web/html/element/abbr/index.html new file mode 100644 index 0000000000..c5e667922e --- /dev/null +++ b/files/ru/web/html/element/abbr/index.html @@ -0,0 +1,186 @@ +--- +title: ': Элемент Аббревиатура' +slug: Web/HTML/Element/abbr +tags: + - HTML + - Тег + - Элемент +translation_of: Web/HTML/Element/abbr +--- +
{{HTMLRef}}
+ +

Элемент HTML «аббревиатура» (<abbr>) представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут {{htmlattrxref("title")}}. Иные значения title, кроме расшифровки аббревиатуры не допускаются.

+ +
{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
+ + + +

Статья Как помечать аббревиатуры и сделать их потянтыми поможет понять как использовать <abbr> и связанные элементы.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Интерфейс DOM{{domxref("HTMLElement")}}
Категории контентаОсновной поток, текстовый контент, явный контент
Разрешённое содержимоеФразовый контент
Разрешённые родительские элементыЛюбые, поддерживающие фразовый контент.
Разрешённые ARIA ролиЛюбые
DOM интерфейс{{domxref("HTMLElement")}}
+ +

Атрибуты

+ +

Этот элемент поддерживает только глобальные атрибуты. Атрибут {{htmlattrxref("title")}} имеет специальное семантическое значение, когда используется вместе с элементом <abbr>. Он должен содержать полную расшифровку или описание аббревиатуры.

+ +

Каждый элемент <abbr> независим от других. Указание title на одном элементе не применяет это же описание к другим элементам с одинаковым содержанием.

+ +

Примечания к использованию

+ +

Обычное использование

+ +

Необязательно помечать все аббревиатуры с помощью <abbr>. Далее представлено несколько вариантов, которые помогут выбрать как помечать текст:

+ + + +

Граматческие вопросы

+ +

В языках с {{interwiki("wikipedia", "grammatical number")}} (то есть, языки, в которых количество предметов влияет на грамматику предложения), используйте одинаковое граматическое число в атрибуте title и внутри элемента <abbr>. Это также имеет место в языках с более чем двумя грамматическими числами (например, арабский имеет не только категории единственного и множественного числа, но двойственного).

+ +

Стили по-умолчанию

+ +

Назначение данного элемента исключитально для удобства автора и браузеры отображают его как ({{cssxref('display')}}: inline) по-умолчанию, хотя его стиль по-умолчанию меняется в разных браузерах:

+ + + +

Примеры

+ +

Семантическая пометка аббревиатуры

+ +

Чтобы пометить аббревиатуру без задания описания или расшифровок, просто используйте <abbr> без каких-либо атрибутов, как показано в примере ниже.

+ +

HTML

+ +
<p>Использование <abbr>HTML</abbr> – весело и легко!</p>
+ +

Результат

+ +

{{EmbedLiveSample("Семантическая_пометка_аббревиатуры")}}

+ +

Стилизация аббревиатуры

+ +

Вы можете использовать CSS, чтобы задать пользовательские стили для аббревиатуры, как показано в примере ниже.

+ +

HTML

+ +
<p>Используя <abbr>CSS</abbr>, вы можете стилизовать аббревиатуры!</p>
+ +

CSS

+ +
abbr {
+  font-variant: all-small-caps;
+}
+ +

Результат

+ +

{{EmbedLiveSample("Стилизация_аббревиатуры")}}

+ +

Задание расшифровки

+ +

Добавление атрибута {{htmlattrxref("title")}} даёт вам возможность задать расшифровку или описание для аббревиатуры или акронима.

+ +

HTML

+ +
<p>Эта статья великолепна! <abbr title="Подпишусь под Каждым Словом">ППКС</abbr>
+без раздумий.</p>
+ +

Result

+ +

{{EmbedLiveSample("Задание_расшифровки")}}

+ +

Определение в абревиатуре

+ +

Вы можете использовать <abbr> вместе с {{HTMLElement("dfn")}} для более формального определения абревиатуры, как показано ниже.

+ +

HTML

+ +
<p><dfn id="html"><abbr title="HyperText Markup Language">HTML</abbr>
+</dfn> – язык разметки, который используется для создания семантических и
+структурированных веб-страниц.</p>
+
+<p>A <dfn id="spec">Specification</dfn>
+(<abbr title="Specification">spec</abbr>) – документ, в котором описаны основные
+принципы работы технологи или API и как получить к ним доступ.</p>
+ +

Result

+ +

{{EmbedLiveSample("Определение_в_абревиатуре", 600, 120)}}

+ +

Смотрите больше примеров в статье Как размечать аббревиатуры и делать их понятными.

+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусПримечание
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}{{Spec2('HTML4.01')}}
+ +

Совместимость с браузерами

+ +

{{Compat("html.elements.abbr")}}

+ +

См. также

+ + -- cgit v1.2.3-54-g00ecf