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

HTML-тег <acronym>

Тег <acronym> использовался для определения аббревиатуры или сокращения. Для указания полного написания используется глобальный атрибут title, который отображается в виде всплывающей подсказки при наведении курсора на текст.

acronym example

DANGER

Тег <acronym> является устаревшим HTML-тегом и не поддерживается в HTML5. Вместо него используйте тег <abbr>.

Синтаксис

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

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

HTML-тег acronym

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Hover the mouse cursor over acronym HTML</p>
    <acronym title="Hyper Text Markup Language">HTML</acronym>
  </body>
</html>

В следующем примере вместо <acronym> используется тег <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 special form of designating an individual resource address on the Internet </p>
  </body>
</html>

Стилизация по умолчанию

Современные браузеры не применяют к тегам <acronym> или <abbr> никакой стилизации по умолчанию. Любой визуальный вид (например, подчёркивание или строчные заглавные буквы) должен быть задан явно с помощью CSS.

Атрибуты

Тег <acronym> поддерживает глобальные атрибуты и атрибуты событий.

Как стилизовать HTML-тег <acronym>

Поскольку браузеры не применяют стилизацию по умолчанию, вы можете использовать CSS для обеспечения единообразного внешнего вида. Обратите внимание, что стилизация тега <acronym> устарела, поскольку сам тег признан устаревшим. В следующем примере тег <abbr> (современная замена) стилизуется с помощью пунктирного подчёркивания и строчных заглавных букв:

css
abbr {
  text-decoration: underline dotted;
  font-variant: small-caps;
}

Практика

Какова функция тега <acronym> в HTML?

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

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