Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript (скрипты, справочники и примеры по сайтостроению)
Путь: Заметки о вёрстке сайтов  >  HTML  >  2

Об ACRONYM'е замолвите слово

7 июня 2001 г.

Предположим, у вас на странице присутствует сокращение ООП. Разумеется, не все посетители сайта могут знать, что сие означает. Элегантным решением является использования тега acronym.

Предположим, у вас на странице присутствует сокращение ООП. Разумеется, не все посетители сайта могут знать, что сие означает. Элегантным решением является использования тега acronym. Этот тег был введён в спецификации HTML 4 и поддерживается большинством современных браузеров. Наведите «мышку» на слово «ООП» в первом предложении, и если у вас современный браузер, вы увидите подсказку.

Пример использования элемента acronym:

<acronym title="Объектно-ориентированное программирование" lang="ru">ООП</acronym>

Следует заметить, что согласно спецификации HTML 4 атрибут title может быть задан практически у любого тега. Чаще всего его указывают в теге a (смотрите навигацию внизу этой страницы).

Атрибут же lang определяет (по стандарту ISO) используемый в сокращении язык. В нашем примере это «великий и могучий» (ru).

P. S. Когда заметка была давно уже опубликована, я наткнулся на один замечательный приём. Заключается он в использовании определённого CSS стиля у тега acronym:

acronym {
border-bottom:1px dotted #333333;
cursor:help
}

Как вы видите, теперь сокращение заметнее выделяется в тексте. Оно подчёркнуто не совсем как гиперссылка, но всё равно вызывает желание подвести «мышку». Кроме того, при наведении курсор меняется на знак вопроса (если браузер это поддерживает).

P. P. S. На данном сайте подсказки нестандартные, основанные на скрипте tooltip.

Хитовые статьи про разработку сайтов

Рассылка новостей и новых статей

Сообщения будут приходить пару раз в неделю, не чаще

Объявления

LiveInternet