Атрибут translate тега <abbr>
Описание
Атрибут translate определяет, должен ли текст внутри элемента <abbr> переводиться автоматическими системами перевода (например, Google Translate). Это особенно полезно для технических терминов и брендов.
<abbr translate="no" title="JavaScript">JS</abbr>
Значения атрибута:
| Значение | Поведение |
|---|---|
yes |
Разрешает перевод содержимого (значение по умолчанию) |
no |
Запрещает автоматический перевод |
Типичные случаи применения:
<!-- Технические термины -->
<abbr translate="no" title="Cascading Style Sheets">CSS</abbr>
<!-- Бренды и торговые марки -->
<abbr translate="no" title="Amazon Web Services">AWS</abbr>
<!-- Коды и идентификаторы -->
<abbr translate="no" title="International Standard Book Number">ISBN</abbr>
Рекомендации по использованию:
- Используйте
translate="no"для:- Технических терминов и аббревиатур
- Названий компаний и брендов
- Кодов, идентификаторов и стандартов
- Латинских сокращений (e.g., etc., i.e.)
- Сочетайте с атрибутом
langдля точного определения языка - Для полных названий используйте атрибут
title
<article lang="ru">
<p>
<abbr translate="no" title="Representational State Transfer">REST</abbr> -
архитектурный стиль для веб-сервисов, в отличие от
<abbr translate="no" title="Simple Object Access Protocol">SOAP</abbr>.
</p>
<p>
Популярные облачные платформы:
<abbr translate="no" title="Amazon Web Services">AWS</abbr>,
<abbr translate="no" title="Microsoft Azure">Azure</abbr>.
</p>
</article>
Особенности работы:
- Не влияет на перевод атрибута
title - Поддерживается большинством современных браузеров
- Не гарантирует полного запрета перевода (зависит от системы)
- Лучше работает в сочетании с
langатрибутом
Совет: Для проверки работы атрибута используйте Google Translate вручную или инструменты разработчика в браузере.