/* 07.09.2005 */
Аббревиатуры и акронимы в HTML
Давайте обратим свои взоры к теме сокращений на веб-страницах, а точнее понятности этих сокращений читателям. В данной статье рассматриваются теги abbr и acronym и нюансы, связанные с ними.
Внимание!!! В спецификации HTML5 элемент acronym объявлен полностью устаревшим и его настоятельно рекомендуют исключить из употребления. Взамен предлагается использовать элемент abbr (уточнения от 10.11.2011).
Разбираемся с терминалогией
- Аббревиатура
- ( итальянское 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;
}