Давайте обратим свои взоры к теме сокращений на веб-страницах, а точнее понятности этих сокращений читателям. В данной статье рассматриваются теги abbr и acronym и нюансы, связанные с ними.

Разбираемся с терминалогией

Аббревиатура

( итальянское abbreviatura - сокращение, от латинского abbrevio - сокращаю) - это сокращённая форма слова или группы слов, используемая вместо целого слова или словосочетания. Например: WWW, HTTP, URI, abbr. и др.

Акроним

(греч. akros — высокий, onyma — имя) - это аббревиатура, образованная из частей слов исходного словосочетания (обычно начальных букв), произносимая как единое слово, а не побуквенно, как остальные виды аббревиатур. Например: modem, radar, или laser.

Аббревиатуры и акронимы должны быть понятны всем и всегда

Довольно часто мы используем различные сокращения, начиная от "замкомпоморде", и заканчивая "ЖОПА" (это совсем не то, о чем вы подумали). Но также, давольно часто, многие люди не имеют понятия о том, что эти сокращения означают. Поэтому, используя какой-либо термин являющийся аббревиатурой или акронимом, нужно давать им пояснения. Причем если вы ввели термин вначале, растолковав его, то это не значит, что человек не забудет его смысл через 2 минуты, по этому пояснения должны быть всегда рядом.

HTML теги <ABBR></ABBR> и <ACRONYM></ACRONYM>

HTML 4 предоставляет нам два элемента логического форматирования, используемых для выделения аббревиатур и акронимов - abbr и acronym, соответственно. У данных тегов есть атрибут title в котором дается разъяснение термина. Любой нормальный браузер при наведении курсора мыши на такой термин отобразит всплывающую подсказку, заданную атрибутом title.

Пример: WWW    Modem

<abbr title="World Wide Web">WWW</abbr> <acronym title="Modulator-Demodulator">Modem</acronym>

Билли, который не любит W3C

IE (вплоть до 6 версии) не поддерживает тег ABBR (извините, что так сразу, без подготовки :-)

В списке знакомых ему элементов указан лишь элемент ACRONYM. Но я уверен, что это будет исправлено в седьмой версии браузера.

Конечно, можно махнуть на это рукой и использовать вместо тега abbr тег acronym, но тогда не удивляйтесь если голосовой агент пользователя будет произносить буквенную аббревиатуру УРИ не побуквенно, а одним словом, и получится имя Ури из Х/Ф "Приключения электроника". Но можно найти и обходной путь, например, вставить внутрь ABBR элемент SPAN:

<abbr title="Cascading Style Sheets"><span class="abbr" title="Cascading Style Sheets">CSS</span></abbr>

И лучше этот процесс автоматизировать, выполняя вставки с помощью скрипта, после загрузки документа и только для IE. И что очень важно, не нужно будет менять правильный исходный текст документа.

Наводим CSS-марафет

Так как abbr и acronym элементы логического форматирования, то браузеры могут по разному отображать их на странице. Например, Mozilla Firefox и Opera отображают данные элементы с черным подчеркиванием в виде точек, Konqueror - выделяет курсивом, а IE никак визуально не выделяет (acronym).

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

Например, так:

ABBR, ACRONYM { border-bottom: 1px dotted #F04B2D; cursor: help; font-style: italic; }