Abbr html что это

С помощью атрибута title даётся расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, это может использоваться для повышения рейтинга документа.

Браузеры обычно добавляют к тексту пунктирное подчёркивание, но могут и не выделять содержимое элемента.

Демо¶

Текстовые элементы

Синтаксис¶

abbr title="Расшифровка аббревиатуры">АББРЕВИАТУРАabbr> 

Закрывающий тег обязателен.

Атрибуты¶

Для этого элемента доступны универсальные атрибуты.

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

• WHATWG HTML Living Standard
• HTML5
• HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

 html> head> title>abbrtitle> meta charset="utf-8" /> style> abbr  border-bottom: 1px dashed red; color: #000080; > style> head> body> p> abbr>CGIabbr> обозначается протокол, с помощью которого любые внешние программы взаимодействуют с веб-сервером. С помощью abbr title="Common Gateway Interface, общий шлюзовый интерфейс" >CGIabbr > на сервере можно выполнять программы на любом языке программирования и результат их действия выводить в виде веб-страницы. p> body> html> 

: Элемент Аббревиатура

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

Интерактивный пример

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

Атрибуты

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

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

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

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

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

• Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте c подходящим title .
• Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете с атрибутом title или просто текст с описанием.
• Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент . В свою очередь, его использование может быть использовано для стилизации или написания сценариев.
• Вы можете использовать вместе с , чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример Определение в аббревиатуре ниже.

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

В языках с падежами (то есть, языки, в которых количество предметов влияет на грамматику предложения), используйте одинаковое грамматическое число в атрибуте title и внутри элемента . Это также имеет место в языках с более чем двумя грамматическими числами (например, арабский имеет не только категории единственного и множественного числа, но двойственного).

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

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

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

Примеры

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

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

HTML

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

Результат

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

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

HTML

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

CSS

abbr  font-variant: all-small-caps; > 

Результат

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

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

HTML

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

Result

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

HTML

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

Result

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

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

BCD tables only load in the browser

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

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

Тег abbr

Стили которые браузер применяет к элементу по-умолчанию. В списке ниже приведены стили, которые влияют на внешний вид элемента и изменяются при помощи CSS.

abbr[title]

Атрибуты

Указывается расшифровка аббревиатуры

Верстка сайта используя HTML и CSS

Верстка сайта используя HTML и CSS

Читайте также

кнопка группа полей формы «подвал» заголовок четвертого уровня заголовок шестого уровня подключение файлов стилей основное содержание страницы если отключен js элемент выпадающего списка выпадающий список мелкий текст источник файла «подвал» таблицы строка таблицы обозначение переменной

Обсуждение ( 6 )

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

3 года назад

Я новичок, пока не понимаю суть этого тега. Разве нельзя просто написать в верхнем регистре нужные буквы? (при наборе текста например в строке)

Дмитрий Валак
3 года назад

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