The HTML Abbreviation element ( ) represents an abbreviation or acronym; the optional title attribute can provide an expansion or description for the abbreviation. If present, title must contain this full description and nothing else.
The source for this interactive example is stored in a GitHub repository. If you"d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Accessibility concerns
Spelling out the acronym or abbreviation in full the first time it is used on a page is beneficial for helping people understand it, especially if the content is technical or industry jargon.
Example
JavaScript Object Notation (JSON) is a lightweight data-interchange format.
This is especially helpful for people who are unfamiliar with the terminology or concepts discussed in the content, people who are new to the language, and people with cognitive concerns.
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of "" in that specification. |
Living Standard | |
HTML5 The definition of "" in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of "" in that specification. |
Recommendation |
Browser compatibility
The compatibility table in this page is generated from structured data. If you"d like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Firefox for Android | Opera for Android | Safari on iOS | Samsung Internet | |
abbr | Chrome Full support 2 | Edge Full support Yes | Firefox
Full support
1 Notes Full support 1Notes Notes Before Firefox 4, this element implemented the HTMLSpanElement interface instead of the standard HTMLElement interface. | IE Full support 7 | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
Full support Full support See implementation notes. See implementation notes.See also
- Other elements conveying text-level semantics : element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address."> , , ) indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type."> , element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size small, such as from small to x-small."> , ) is used to describe a reference to a cited creative work, and must include the title of that work."> , element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. ">
, ) is used to indicate the term being defined within the context of a definition phrase or sentence."> , element represents a specific period in time.">
- The obsolete ) allows authors to clearly indicate a sequence of characters that compose an acronym or abbreviation for a word."> element, whose responsibilities were folded into
Элемент аббревиатуры HTML () представляет собой аббревиатуру или аббревиатуру; необязательный атрибут title может предоставить расширение или описание аббревиатуры. Если присутствует, title должен содержать это полное описание и ничего больше.
Статья Как отметить сокращения и сделать их понятными - это руководство по обучению использованию и связанных с ним элементов.
Атрибуты
Этот элемент поддерживает только глобальные атрибуты . Атрибут title имеет специфический смысловый смысл при использовании с элементом ; он должен содержать полное понятное для человека описание или расширение аббревиатуры. Этот текст часто отображается браузерами в виде подсказки, когда курсор мыши витает над элементом.
Каждый элемент вы используете, не зависит от всех остальных; предоставление title для одного не автоматически присоединяет тот же текст расширения к другим с тем же текстом контента.
Замечания по использованию
Типичные варианты использования
Конечно, не требуется, чтобы все аббревиатуры были помечены с помощью . Тем не менее, есть несколько случаев, когда это полезно:
Грамматические соображения
В языках с грамматическим числом (то есть, на языках, где количество элементов влияет на грамматику предложения), используйте один и тот же грамматический номер в атрибуте title как внутри вашего элемента . Это особенно важно на языках с более чем двумя номерами, таких как арабский, но также актуальным на английском языке.
Стиль по умолчанию
Цель этого элемента - исключительно для удобства автора, и все браузеры отображают его встроенный (display : inline) по умолчанию, хотя его стиль по умолчанию варьируется от одного браузера к другому:
- Некоторые браузеры, такие как Internet Explorer, не строят его иначе, чем элемент .
- Opera, Firefox и некоторые другие добавляют пунктирную черту к содержимому элемента.
- Несколько браузеров не только добавляют пунктирное подчеркивание, но и помещают его в маленькие кепки; чтобы избежать этого стиля, добавив что-то вроде font-variant : none в CSS не позаботится об этом случае.
Примеры
Маркировка аббревиатуры семантически
Чтобы пометить аббревиатуру без предоставления расширения или описания, просто используйте без каких-либо атрибутов, как показано в этом примере.
HTML
Using HTML is fun and easy!
результат
Условные сокращения
Вы можете использовать CSS для установки пользовательского стиля, который будет использоваться для сокращений, как видно из этого простого примера.
HTML
Using CSS, you can style your abbreviations!
CSS
abbr { font-variant: all-small-caps; }результат
Обеспечение расширения
Добавление атрибута title позволяет указать расширение или определение аббревиатуры или аббревиатуры.
HTML
Ashok"s joke made me LOL big time.
результат
Определение аббревиатуры
Вы можете использовать в тандеме с для более формального определения аббревиатуры, как показано здесь.
HTML
HTML is a markup language used to create the semantics and structure of a web page.
A Specification (spec) is a document that outlines in detail how a technology or APIis intended to fun ction and how it is accessed.
результат
Доступность
Полное описание аббревиатуры или аббревиатуры в первый раз, когда она используется на странице, помогает людям понять ее, особенно если содержание является техническим или отраслевым жаргоном.
пример
JavaScript Object Notation (JSON) is a lightweight data-interchange format.
Это особенно полезно для людей, которые не знакомы с терминологией или концепциями, обсуждаемыми в содержании, людьми, которые являются новыми для языка, и людьми с когнитивными проблемами.
Характеристики
Совместимость с браузером
Особенность | Веб-просмотр Android | Chrome для Android | Edge mobile | Firefox для Android | Операционная система Android | iOS Safari | Интернет-магазин Samsung |
---|---|---|---|---|---|---|---|
Базовая поддержка | да | да | да | 4 | да | да | да |
1. До Firefox 4 этот элемент реализовал интерфейс HTMLSpanElement вместо стандартного интерфейса HTMLElement .
ТЭГ
термоэлектрический генератор
техн.
Словарь: С. Фадеев. Словарь сокращений современного русского языка. - С.-Пб.: Политехника, 1997. - 527 с.
ТЭГ
триэтиленгликоль
ТЭГ
тромбоэластограмма
мед.
Источник: http://cardio-burg.ru/magazin/magazin.php?nnn=2000_2&cont=20002s8
ТЭГ
терапевтический эвакуационный госпиталь
мед.
Словарь: Словарь сокращений и аббревиатур армии и спецслужб. Сост. А. А. Щелоков. - М.: ООО «Издательство АСТ», ЗАО «Издательский дом Гелеос», 2003. - 318 с.
Словарь сокращений и аббревиатур . Академик . 2015 .
Синонимы :Смотреть что такое "ТЭГ" в других словарях:
Тэг - (тэг, англ. tag «ярлык, этикетка, бирка; метить») метка как ключевое слово, в более узком применении идентификатор, для категоризации, описания и поиска данных, задания внутренней структуры. Примеры применения: Элемент языка разметки… … Википедия
тэг - сущ., кол во синонимов: 3 дескриптор (5) таг (2) ярлык (25) Словарь синонимов ASIS. В.Н. Тришин … Словарь синонимов
Тэг - п. в Сыктывдинском р не. Назван по р. Тэгъю, прав, притоку Вычегды, возле которого расположен: коми тэг «сера», ю «река». Тэгъю «река, возле которой имеются выходы серы». В этом районе раньше добывали природную серу для хозяйственных надобностей… … Топонимический словарь Республики Коми
ТЭГ - 3.1.45 ТЭГ (tag): Служебный элемент, который размещен в начале заголовка и хранится вместе с данными, не может быть использован как самостоятельный элемент. Источник … Словарь-справочник терминов нормативно-технической документации
ТЭГ - см. Термоэлектрический генератор … Большой энциклопедический политехнический словарь
ТЭГ - … Википедия
ТЭГ - термоэлектрический генератор … Словарь сокращений русского языка
тэг идентификатора протокола - — [ГОСТ Р 54325 2011 (IEC/TS 61850 2:2003)]] Тематики релейная защита EN tag protocol identifierTPID … Справочник технического переводчика
Ай-Тэг-Юган - Характеристика Длина 35 км Бассейн Карское море Водоток Устье 33 км по левому берегу протока Могот Лейм Посл Расположение … Википедия
Термоэлектрический генератор - (ТЭГ) термоэлектрогенератор, устройство для прямого преобразования тепловой энергии в электрическую, принцип действия которого основан на эффекте Зеебека (см. Термоэлектрические явления). В состав ТЭГ входят: термобатареи, набранные из… … Большая советская энциклопедия
Элемент code используется для указания компьютерного кода или языка программирования, такого как PHP , JavaScript, CSS , XML и т.д. Для кратких фрагментов внутри предложения можно просто разместить элемент вокруг фрагмента кода следующим образом:
onclick
directly in the HTML.
Для более значительных образцов кода, которые занимают несколько строк, можно использовать предварительно форматированные блоки, как показано в "лекции 15" , "Разметка текстового контента в HTML ".
Хотя не существует определенного метода указания, какой язык программирования или код показан в элементе code , можно использовать атрибут class . Обычная практика (упомянутая в проекте HTML 5) состоит в использовании префикса language- и затем добавлении названия языка. Поэтому пример выше будет выглядеть следующим образом:
It is bad form to use event handlers like
onclick
directly in the HTML.
Некоторые языки программирования имеют названия, которые не так просто представить в классах, такие как C# (C-шарп). Правильный способ записи в этом случае будет "class="language-c\#"" , что может создавать трудности и приводить к опечаткам. Я бы рекомендовал использовать класс , состоящий только из букв и дефисов, и записывать его полностью. Поэтому в данном случае используйте лучше "class="language-csharp"" .
Вывод взаимодействия с компьютером
Два элемента samp и kbd можно использовать для ввода и вывода взаимодействия с компьютерной программой. Например:
One common method of determining if a computer is connected
to the internet is to use the computer program ping
to see if a computer likely to be running is reachable.
kittaghy% ping -o google.com PING google.com (64.233.187.99): 56 data bytes 64 bytes from 64.233.187.99: icmp_seq=0 ttl=242 time=108.995 ms --- google.com ping statistics --- 1 packets transmitted, 1 packets received, 0% packet loss round-trip min/avg/max/stddev = 108.995/108.995/108.995/0.000 ms
Элемент samp указывает образец вывода из компьютерной программы. Как показано в этом примере, различные типы вывода можно указывать с помощью атрибута class . Однако не существует широко принятых соглашений, какие виды классов использовать.
Элемент kbd указывает ввод взаимодействия пользователя с компьютером. Хотя это традиционно ввод с клавиатуры (поэтому используется сокращение "kbd" ), он должен также использоваться для указания других типов ввода, таких как ввод с голоса.
Переменные
Элемент var используется для указания переменных в текстовом контенте. Он может включать алгебраические математические выражения или находиться в программном коде. Например:
The value of x in 3x+2=14 is 4.
my $welcome = "Hello world!";
Цитирование
Элемент cite используется для указания, откуда поступает находящийся рядом контент - при цитировании человека, книги или другой публикации, или обычно при отсылке людей к другому источнику, этот источник должен быть помещен в элемент cite . Например:
The saying Everything should be made as simple as possible,
but not simpler
is often attributed to Albert
Einstein, but it actually a paraphrasing of a quote which
is much less easy to understand.