HTML-тег <abbr>
Браузер отображает символы внутри тега <abbr> в виде сокращения или аббревиатуры. Для расшифровки сокращения используется глобальный атрибут title (отображается как всплывающая подсказка при наведении курсора мыши на сокращение).
В некоторых браузерах содержимое тега <abbr> может выделяться пунктирным подчеркиванием.
Синтаксис
Тег <abbr> является парным. Содержимое записывается между открывающим (<abbr>) и закрывающим (</abbr>) тегами.
Пример использования HTML-тега <abbr>:
HTML-тег <abbr>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><abbr title="Universal Resource Locator">URL</abbr> - This is a specific way of designating an individual resource address on the Internet </p>
</body>
</html>Результат
URL — это конкретный способ обозначения адреса отдельного ресурса в Интернете.
Атрибуты
Тег <abbr> поддерживает глобальные атрибуты и атрибуты событий.
Наиболее важным атрибутом для этого тега является title. Он предоставляет всплывающую подсказку с полным расшифровкой сокращения при наведении курсора.
Как стилизовать HTML-тег <abbr>
По умолчанию браузеры отображают пунктирное подчеркивание для тега <abbr>. Вы можете настроить или удалить этот стиль с помощью CSS:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
abbr {
text-decoration: none;
border-bottom: 1px dotted #000;
cursor: help;
}
</style>
</head>
<body>
<p><abbr title="HyperText Markup Language">HTML</abbr> is the standard markup language for documents designed to be displayed in a web browser.</p>
</body>
</html>Практика
Какова функция тега <abbr> в HTML?