Тег <abbr>: сокращение и его расшифровка
Элемент abbr помечает сокращение, которое читателю может потребоваться расшифровать.
Назначение
Элемент abbr помечает сокращение, которое читателю может потребоваться расшифровать.
Как это работает
Полную форму можно указать в title, но важное объяснение лучше написать при первом употреблении прямо в тексте. Доступность подсказки title зависит от устройства и способа взаимодействия.
Пример
<p>Каскадные таблицы стилей (<abbr title="Cascading Style Sheets">CSS</abbr>) описывают оформление документа.</p>Что должно получиться
Расшифровка смысла дана видимым русским текстом, а английская полная форма добавлена как дополнительная подсказка. Понимание не зависит только от появления title.
Граница применения и частая ошибка
Не прячьте единственную расшифровку в подсказке, ожидая, что её одинаково увидят пользователь телефона и клавиатуры. Также не размечайте каждое повторение сокращения без необходимости.
Самостоятельная проверка
Добавьте полную форму перед первым сокращением и оставьте следующие употребления краткими. Проверьте понимание абзаца на устройстве без наведения указателя.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.