--- title: ': Элемент Аббревиатура' slug: Web/HTML/Element/abbr tags: - HTML - Тег - Элемент translation_of: Web/HTML/Element/abbr ---

Элемент 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>. Далее представлено несколько вариантов, которые помогут выбрать как помечать текст:

Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте <abbr> c подходящим {{htmlattrxref("title")}}.
Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете <abbr> с атрибутом title или просто текст с описанием.
Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент <abbr>. В свою очередь, его использование может быть использовано для стилизации или написания сценариев.
Вы можете использовать <abbr> вместе с {{HTMLElement("dfn")}}, чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример {{anch("Определение в аббревиатуре")}} ниже.

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

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

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

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

Некоторые браузеры, например Internet Explorer, стилизуют его как элемент {{HTMLElement("span")}}.
Opera, Firefox и другие добавляют подчёркивание точками к содержанию элемента.
Некоторые браузеры не только подчёркивают, но и меняют начертание на капитель (small caps). Чтобы избежать этого, добавьте {{cssxref('font-variant')}}: none в ваш CSS.

Примеры

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

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

HTML

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

Результат

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

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

HTML

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

CSS

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

Результат

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

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

HTML

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

Result

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

Вы можете использовать <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

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

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

Спецификация	Статус	Примечание
{{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')}}

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

Смотрите также

Использование элемента <abbr>
Другие элементы, являющиеся семантически текстовыми: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.
Устаревший элемент {{HTMLElement("acronym")}}, который был заменён элементом <abbr>.