Тег <abbr> (от англ. abbreviation — аббревиатура) задает полное наименование сокращенного слова.
В английском языке аббревиатуры и акронимы встречаются довольно часто в популярных словах, например:
- «Mr.» — мистер,
- «Dr.» — доктор,
- «ASAP» — как можно скорее,
- «ATM» — банкомат.
Применительно к этому сайту:
- «HTML» — язык гипертекстовой разметки,
- «CSS» — каскадные таблицы стилей,
- «TCP» — протокол управления передачей.
- «IP» — интернет протокол.
Для того, что бы браузер понимал, что текст в нем является аббревиатурой был создан элемент <abbr>.
Расшифровка прописывается в атрибут title.
При наведении курсора мыши на аббревиатуру вместо стрелки появляется знак text (по умолчанию).
Стиль тега по умолчанию:
text-decoration:underline dotted;
Пример
<p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> язык гипертекстовой разметки.</p>
Результат
HTML язык гипертекстовой разметки.
Вы можете изменить стиль тега с помощью CSS, например, убрать стандартное подчеркивание и подчеркнуть аббревиатуру сплошной красной линией.
<style>
abbr[title] {
text-decoration: unset; border-bottom:1px solid red;
}
</style>
<p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> язык гипертекстовой разметки.</p>
Результат.
Если вы хотите, что бы аббревиатуру заметили в любом случае, можно обвести ее синей рамкой из тире толщиной 2 пикселя.
<style>
abbr
{
display: inline-block;
border: 2px dashed blue;
padding: 5px;
}
</style>
<p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> язык гипертекстовой разметки.</p>
Результат.
Поддержка браузерами
 |
 |
 |
 |
 |
 |
 |
| + | + | + | + | + | + | + |
