HTML тег <acronym>
Тег <acronym> указывает браузеру, что его содержимое является акронимом или аббревиатурой. Синтаксис и примеры.
Тег <acronym> использовался для определения акронима или аббревиатуры. Для указания полной фразы применяется глобальный атрибут title, который отображается в виде подсказки при наведении курсора на текст.
На этой странице объясняется, что делал тег <acronym>, почему он был удалён из HTML5, и как вместо него использовать современный элемент <abbr> — включая важные сведения о доступности.
Тег <acronym> является устаревшим HTML-тегом и не поддерживается в HTML5. Используйте вместо него тег <abbr>.
Почему <acronym> был удалён из HTML5
В HTML когда-то существовало два элемента для сокращённых слов: <acronym> — для акронимов (сокращений, произносимых как одно слово, например NASA или SCUBA) и <abbr> — для аббревиатур (любых сокращённых форм, например Dr. или HTML). На практике это различие порождало больше путаницы, чем приносило пользы: авторы расходились во мнениях о том, является ли слово «акронимом» или «аббревиатурой», а экранные дикторы никак не могли использовать это различие.
HTML5 упростил ситуацию, оставив только <abbr>, который охватывает и аббревиатуры, и акронимы. Поскольку каждый акроним является аббревиатурой, специальный элемент <acronym> стал избыточным и был исключён из спецификации.
Синтаксис
Тег <acronym> используется парами. Содержимое записывается между открывающим (<acronym>) и закрывающим (</acronym>) тегами.
Пример HTML-тега <acronym>:
HTML acronym Tag
<!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> как аббревиатуру или акроним. Атрибут title всегда должен содержать полную расшифровку термина — именно этот текст вспомогательные технологии могут озвучивать, а браузеры показывают в виде подсказки.
Пример HTML-тега <abbr>:
HTML abbr tag
<!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>Аббревиатура vs. акроним
Эти два понятия пересекаются — именно поэтому HTML5 объединил их:
- Аббревиатура — это любая сокращённая форма слова или фразы, например Dr. вместо «Doctor» или etc. вместо «et cetera».
- Акроним — это особый вид аббревиатуры, образованной из первых букв фразы и произносимой как одно слово, например NASA или RADAR.
Элемент <abbr> обрабатывает оба случая. Сокращённая форма оборачивается в <abbr>, а полная расшифровка помещается в атрибут title — браузеру не нужно знать, является ли слово технически акронимом:
<p>
<abbr title="HyperText Markup Language">HTML</abbr> is written with
<abbr title="Cascading Style Sheets">CSS</abbr>.
</p>Поддержка браузерами и поведение <acronym> сегодня
Несмотря на то что <acronym> устарел, все основные браузеры по-прежнему распознают его и отображают как запасной вариант, поэтому старые страницы не ломаются. На уровне обработки браузеры разбирают <acronym> в тот же DOM-интерфейс, что и <abbr> (HTMLElement), а значит, скрипты и стили обрабатывают оба элемента одинаково. Тем не менее никогда не используйте <acronym> в новом коде — валидаторы фиксируют это как ошибку, и будущие инструменты не обязаны его поддерживать.
Стили по умолчанию
Современные браузеры не применяют никаких стилей по умолчанию к тегам <acronym> или <abbr>. Любое визуальное оформление (например, подчёркивание или капитель) необходимо задавать явно с помощью CSS.
Исторически некоторые браузеры отображали <abbr> и <acronym> с пунктирным подчёркиванием, намекая на наличие подсказки. Если вы хотите вернуть этот привычный вид, добавьте его самостоятельно:
abbr[title] {
text-decoration: underline dotted;
cursor: help;
}Доступность
Атрибут title — это не просто подсказка, это доступное имя аббревиатуры. Когда экранный диктор встречает <abbr title="World Health Organization">WHO</abbr>, он может озвучить полную расшифровку вместо того, чтобы побуквенно читать аббревиатуру. Всегда указывайте полный термин в title, чтобы разметка была понятна людям, которые не могут видеть подсказку.
Подсказки title не доступны для всех пользователей. Они отображаются только при наведении курсора мыши, поэтому пользователи, работающие только с клавиатурой или сенсорным экраном, никогда их не увидят. Рассматривайте подсказку как прогрессивное улучшение: если расшифровка важна, также приведите её в окружающем тексте при первом упоминании термина, например «Всемирная организация здравоохранения (<abbr title="World Health Organization">WHO</abbr>)».
Атрибуты
Тег <acronym> поддерживает глобальные атрибуты и атрибуты событий.
Как стилизовать HTML-тег <acronym>
Поскольку браузеры не применяют стили по умолчанию, можно использовать CSS для обеспечения единообразного внешнего вида. Обратите внимание, что стилизация тега <acronym> устарела, так как сам тег является устаревшим. В следующем примере стилизуется тег <abbr> (современная замена) с пунктирным подчёркиванием и капителью:
abbr {
text-decoration: underline dotted;
font-variant: small-caps;
}