Перейти к содержимому

HTML-тег <abbr>

Браузер отображает символы внутри тега <abbr> в виде сокращения или аббревиатуры. Для расшифровки сокращения используется глобальный атрибут title (отображается как всплывающая подсказка при наведении курсора мыши на сокращение).

В некоторых браузерах содержимое тега <abbr> может выделяться пунктирным подчеркиванием.

Синтаксис

Тег <abbr> является парным. Содержимое записывается между открывающим (<abbr>) и закрывающим (</abbr>) тегами.

Пример использования HTML-тега <abbr>:

HTML-тег <abbr>

html
<!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:

html
<!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?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.