Lesser known semantic elements. Abbreviations and Acronyms in HTML Understanding Terminalology

Let's turn our attention to the topic of abbreviations on web pages, or rather, the clarity of these abbreviations to readers. This article discusses the abbr and acronym tags and the nuances associated with them.

Attention!!! In the HTML5 spec, the element acronym has been declared completely deprecated and is strongly recommended to be phased out. Instead, it is proposed to use the element abbr(updates as of 10.11.2011).

Dealing with terminalology

Abbreviations and acronyms should be understood by everyone and always

Quite often, we use various abbreviations, ranging from "zamkomomorde" and ending with "ASS" (this is not at all what you thought). But also, quite often, many people have no idea what these acronyms mean. Therefore, using any term that is an abbreviation or acronym, you need to give them explanations. Moreover, if you introduced the term at the beginning, having interpreted it, this does not mean that the person will not forget its meaning in 2 minutes; therefore, explanations should always be there.

HTML tags and

HTML 4 provides us with two logical formatting elements used to highlight abbreviations and acronyms - abbr and acronym, respectively. These tags have a title attribute that explains the term. Any normal browser hovering over such a term will display a tooltip specified by the title attribute.

Example: WWW Modem

WWW Modem

Billy Who Doesn't Like W3C

IE (up to version 6) does not support ABBR tag(sorry to be so straight away, without preparation :-)

In the list of elements he knows, only the ACRONYM element is listed. But I'm sure this will be fixed in the seventh version of the browser.

Of course, you can give up and use the acronym tag instead of the abbr tag, but then do not be surprised if the user's voice agent pronounces the letter abbreviation URI, not letter by letter, but in one word, and you get the name Uri from X / F "Adventures of Electronics". But you can find a workaround, for example, insert a SPAN element inside ABBR:

CSS

And it is better to automate this process by performing inserts using a script, after loading the document and only for IE. And what is very important, there will be no need to change correct the original text of the document.

Hovering a CSS marafet

Since abbr and acronym are boolean formatting elements, browsers can display them differently on the page. For example, Mozilla Firefox and Opera display these elements with black underlining as dots, Konqueror - italicizes, and IE does not visually emphasize (acronym).

Therefore, it does not hurt to set styles that would unify the display of these elements in different browsers.

For example, like this:

ABBR, ACRONYM (
border-bottom: 1px dotted # F04B2D;
cursor: help;
font-style: italic;

TEG

thermoelectric generator

tech.

Vocabulary: S. Fadeev. Dictionary of abbreviations of the modern Russian language. - S.-Pb .: Polytechnic, 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.

Vocabulary: Dictionary of abbreviations and abbreviations of the army and special services. Compiled by A. A. Shchelokov. - Moscow: OOO Publishing House AST, ZAO Publishing House Geleos, 2003. - 318 p.

Dictionary of abbreviations and acronyms... Academician. 2015.

See what "TEG" is in other dictionaries:

Tag- (tag, English tag "label, label, tag; tag") label as keyword, in a narrower application, an identifier, for categorizing, describing and searching for data, setting 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- p. in the Syktyvdinsky district. Named after r. Tagyu, right, a tributary of the Vychegda, near which is located: Komi tag "sulfur", yu "river". Tegyu "a river near which there are sulfur outlets." In this area, natural sulfur was previously mined for economic needs ... ... Toponymic Dictionary of the Komi Republic

TEG- 3.1.45 tag: A service element that is placed at the beginning of a header and is stored with the data cannot be used as 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 abbreviations of the Russian language

protocol identifier tag- - [GOST R 54325 2011 (IEC / TS 61850 2: 2003)]] Topics relay protection EN tag protocol identifier TPID ... Technical translator's guide

I-Tag-Yugan- Characteristic Length 35 km Basin Kara Sea Watercourse Mouth 33 km on the left bank of the Mogot Leim channel Posl Location ... Wikipedia

Thermoelectric generator- (TEG) thermoelectric generator, a device for direct conversion of thermal energy into electrical energy, the principle of operation of which is based on the Seebeck effect (see. Thermoelectric phenomena). The TEG includes: thermopiles recruited from ... ... Great Soviet Encyclopedia

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

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

Legend

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. "> , element displays its contents styled in a fashion intended to indicate that the text is a short fragment of computer code. "> ,) represents the name of a variable in a mathematical expression or a programming context. "> ,) is used to enclose inline text which represents sample (or quoted) output from a computer program. "> ,) represents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device. "> ,) specifies inline text which should be displayed as subscript for solely typographical reasons. "> ,) specifies inline text which is to be displayed as superscript for solely typographical reasons. "> ,) is used to draw the reader "s attention to the element contents which are not otherwise granted special importance.> , element represents a range of text that is set off from the normal text for some reason. Some examples include technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type. "> ,) represents text which is marked or highlighted for reference or notation purposes, due to the marked passage "s relevance or importance in the enclosing context.> , element represents a ruby ​​annotation. Ruby annotations are for showing pronunciation of East Asian characters. "> ,) element is used to provide fall-back parentheses for browsers that do not support display of ruby ​​annotations using the element. "> ,) element specifies the ruby ​​text component of a ruby ​​annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The element must always be contained within a element. "> ,) overrides the current directionality of text, so that the text within is rendered in a different direction. "> , .
• 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

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

my $ welcome= "Hello world!";