Аббревиатуры и акронимы

Для чего используются <abbr> и <acronym>

Эти элементы используются для того, чтоб добавить содержимому страницы дополнительное значение. Этими элементами обворачивают тот текст, для которого нужно добавить дополнительную информацию. Например: Использование этих элементов теоретически может принести пользу двум группам читателей веб-страницы:

1. Пользователи вспомогательных устройств, таких как устройства для слепых. Хотя, как показывает практика, пользователи этих технологий не могут получить доступ к этому свойству
2. Пользователи которые просто не понимают значение сокращений.

Типы сокращений

Слово аббревиатура произошло от лат. abbreviare -"сокращать". Все сокращения слов относятся к следующим типам абревиатур.

1. Инициальные аббревиатуры
2. Сокращения
3. Акронимы

Аббревиатура - сокращенная форма слова или фразы, которая используется для краткости.

Например: assoc.

Инициальные аббревиатуры - сокращение, которое состоит из первых букв слов, входящих в исходное словосочетание.

Например: USA

Так как в(x)html не существует специального тега для создания инициальных аббревиатур, то используется тег <abbr>.

Сокращения Существует две формы сокращений (только для английской грамматики):

1. Сокращенная форма слова, которая заканчивается на ту же букву, как и слово непосредственно.
2. Способ написать два слова как одно. При этом часть букв теряется и вместо ставится апостроф.

Ave is a contraction of Avenue (1 форма)
can't is a contraction of cannot (2 форма)

Акронимы - слово сформированное с первых букв длинного словосочетания, ставшее в последствии общепринятым названием.

пример: Модем

Отличия между html элементом <abbr> и признаком abbr

Признак аббревиатура используются для сокращенной формы слова или словосочеатания, а элемент html <abbr> для того что предоставить пользователю дополнительную информацию о сокращении.

Css оформление <abbr> и <acronym>

Обычно элементы <abbr> и <acronym> оформляются пунктирной линией. Оформлять эти элементы обычным подчеркиванием не стоит, так как это может ввести в заблуждение пользователя и он может спутать акроним с ссылкой.
Почему следует указывать толщину линии в емах (em), а не в пикселях (px) ?

Благодаря специфике емов (em) толщина подчеркиваемой линии будет соответствовать размеру шрифта.

Оформление подчеркивания

оформления подчеркивания используются стандартные свойства для элемента border:

• border-width
• border-style
• border-color

С помощью этих свойств можно задать уникальное оформление для акронимов. Но стоит старатся не отходить от стиля оформления всего сайта.

Изменение курсора для <abbr> и <acronym>

Очень часто пользователи просматривая текст не замечают оформление акронимов и аббревиатур, но при этом при наведении курсора на сокращения, если курсор изменится, то вероятность того, что пользователь всетаки прочитает полную версию сокращения увеличивается. Наиболее логичным будет изменения вида курсора на курсок со знаком вопроса. С помощью css этого очень легко добится: Чтоб увидеть результат наведите курсор на текст ниже:
assoc.


Оригинал статьи   Styling abbreviations and acronyms