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
Element HTML abbreviations () is an acronym or abbreviation; optional attribute title can provide an extension or description of an abbreviation. If present, the title must contain this full description and nothing more.
Article How to mark abbreviations and make them clear is a training manual for use and related elements.
Attributes
This element only supports global attributes. The title attribute has a specific semantic meaning when used with an element ; He must contain a complete human-readable description or abbreviation extension. This text is often displayed by browsers as a tooltip when the mouse cursor hovers over an element.
Each element you use is independent of everyone else; providing a title for one does not automatically attach the same extension text to others with the same content text.
Notes on use
Typical Use Cases
Of course, it is not required that all abbreviations be marked with . However, there are a few cases where this is useful:
Grammar Considerations
In languages with grammatical number (that is, languages where the number of elements affects the grammar of the sentence), use the same grammatical number in the title attribute as inside your element . This is especially important in languages with more than two numbers, such as Arabic, but is also relevant in English.
Default style
The purpose of this element is purely for the convenience of the author, and all browsers render it inline (display : inline) by default, although its default style varies from one browser to another:
- Some browsers, such as Internet Explorer, do not build it differently than the element .
- Opera, Firefox and some others add a dotted line to the element's content.
- A few browsers not only add dotted underlining, but also put it in small caps; to avoid this style, adding something like font-variant : none in the CSS will not take care of this case.
Examples
Marking an abbreviation semantically
To tag an abbreviation without providing an extension or description, simply use without any attributes, as shown in this example.
HTML
Using HTML is fun and easy!
result
Conditional abbreviations
You can use CSS to set a custom style to be used for abbreviations, as seen in this simple example.
HTML
Using CSS, you can style your abbreviations!
CSS
abbr (font-variant: all-small-caps; )result
Ensuring expansion
Adding a title attribute allows you to specify the extension or definition of an acronym or abbreviation.
HTML
Ashok's joke made me LOL big time.
result
Abbreviation definition
you can use in tandem with for a more formal definition of the acronym, as shown here.
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 function and how it is accessed.
result
Availability
Fully describing an acronym or abbreviation the first time it is used on a page helps people understand it, especially if the content is technical or industry jargon.
example
JavaScript Object Notation ( JSON) is a lightweight data-interchange format.
It is especially useful for people who are not familiar with the terminology or concepts discussed in the content, people who are new to the language, and people with cognitive problems.
Characteristics
Browser compatibility
Peculiarity | Android web view | Chrome for Android | Edge mobile | Firefox for Android | Android operating system | iOS Safari | Samsung online store |
---|---|---|---|---|---|---|---|
Basic support | Yes | Yes | Yes | 4 | Yes | Yes | Yes |
1. Before Firefox 4, this element implemented the HTMLSpanElement interface instead standard interface HTMLElement.
TEG
thermoelectric generator
tech.
Dictionary: S. Fadeev. Dictionary of abbreviations of the modern Russian language. - St. Petersburg: Politekhnika, 1997. - 527 p.
TEG
triethylene glycol
TEG
thromboelastogram
honey.
Source: http://cardio-burg.ru/magazin/magazin.php?nnn=2000_2&cont=20002s8
TEG
therapeutic evacuation hospital
honey.
Dictionary: Dictionary of abbreviations and abbreviations of the army and special services. Comp. A. A. Shchelokov. - M.: AST Publishing House LLC, Geleos Publishing House CJSC, 2003. - 318 p.
Dictionary of abbreviations and abbreviations. Academician 2015.
Synonyms:See what “TAG” is in other dictionaries:
Tag- (tag, English tag “label, label, tag; mark”) label as keyword, in a narrower application, an identifier for categorizing, describing and searching data, specifying the internal structure. Application examples: Markup language element... ... Wikipedia
tag- noun, number of synonyms: 3 descriptor (5) tag (2) label (25) ASIS synonym dictionary. V.N. Trishin... Synonym dictionary
Tag- village in Syktyvdinsky district. Named after the river. Tegyu, right, is a tributary of the Vychegda, near which is located: Komi tag “sulphur”, yu “river”. Tegyu "river near which there are sulfur outcrops." In this area, natural sulfur was previously mined for household needs... ... Toponymic Dictionary of the Komi Republic
TEG- 3.1.45 TAG: A service element, which is placed at the beginning of the header and stored along with the data, cannot be used as an independent element. Source … Dictionary-reference book of terms of normative and technical documentation
TEG- see Thermoelectric generator... Big Encyclopedic Polytechnic Dictionary
TEG- ... Wikipedia
TEG- thermoelectric generator... Dictionary of Russian abbreviations
protocol identifier tag- - [GOST R 54325 2011 (IEC/TS 61850 2:2003)]] Topics relay protection EN tag protocol identifierTPID ... Technical Translator's Guide
I-Teg-Yugan- Characteristics Length 35 km Basin Kara Sea Watercourse Mouth 33 km along the left bank of the Mogot Leim channel After Location ... Wikipedia
Thermoelectric generator- (TEG) thermoelectric generator, a device for direct conversion of thermal energy into electrical energy, the operating principle of which is based on the Seebeck effect (see Thermoelectric phenomena). The TEG includes: thermopiles assembled from... ... Great Soviet Encyclopedia
Description
Tag indicates that the sequence of characters is an abbreviation. Using the title attribute, the abbreviation is deciphered, which allows those people who are not familiar with it to understand the abbreviation. Besides, search engines index the full-text version of the abbreviation, which can be used to improve the ranking of the document.
Browsers do not highlight text inside , with the exception of Opera before version 15, which adds dotted underlines to text.
Syntax
TextAttributes
Adds a tooltip to the text in which you can explain the abbreviation.Closing tag
Required.
HTML5 IE Cr Op Sa Fx
CGI denotes the protocol by which any external programs interact with the web server. Using CGI, you can run programs on the server in any programming language and display the result of their actions as a web page.
The result of this example is shown in Fig. 1.
Rice. 1. Type of tooltip when hovering the mouse over the abbreviation text
Browsers
Internet Browser Explorer versions up to and including 6 do not support the tag , it is recommended to use the tag instead .