HTML съкращения. По-малко известни семантични елементи

елемент HTML съкращения () е акроним или съкращение; незадължителният атрибут за заглавие може да предостави разширение или описание на съкращението. Ако присъства, заглавието трябва да съдържа това пълно описание и нищо повече.

статия Как да маркирате съкращенията и да ги направите ясние ръководство за обучение за използване и свързани елементи.

Атрибути

Този елемент поддържа само глобални атрибути. Атрибутът title има специфично семантично значение, когато се използва с елемент ; той трябвасъдържат пълно разбираемо за човека описание или разширение на съкращението. Този текст често се показва от браузърите като подсказка, когато курсорът на мишката се задържи над елемент.

Всеки елемент използвате е независимо от всички останали; предоставянето на заглавие за едно не прикачва автоматично същия текст на разширението към други със същия текст на съдържанието.

Бележки за употреба

Типични случаи на употреба

Разбира се, не е задължително всички съкращения да бъдат отбелязани с . Има обаче няколко случая, в които това е полезно:

Граматически съображения

В езици с граматичен номер (т.е. езици, където броят на елементите влияе върху граматиката на изречението), използвайте същия граматичен номер в атрибута заглавие, както във вашия елемент . Това е особено важно за езици с повече от две цифри, като арабски, но е уместно и за английски.

Стил по подразбиране

Целта на този елемент е само за удобство на автора и всички браузъри го рендират inline (display : inline) по подразбиране, въпреки че стилът му по подразбиране варира от един браузър на друг:

  • Някои браузъри, като Internet Explorer, не го изграждат по различен начин от елемента .
  • Opera, Firefox и някои други добавят пунктирана линия към съдържанието на елемента.
  • Няколко браузъра не само добавят пунктирано подчертаване, но го поставят и с малки главни букви; за да избегнете този стил, добавяйки нещо като font-variant : никой в ​​CSS няма да се погрижи за този случай.

Примери

Семантично маркиране на съкращение

За да маркирате съкращение, без да предоставяте разширение или описание, просто използвайте без никакви атрибути, както е показано в този пример.

HTML

Използване HTMLе забавно и лесно!

резултат

Условни съкращения

Можете да използвате CSS, за да зададете персонализиран стил, който да се използва за съкращения, както се вижда в този прост пример.

HTML

Използване CSS, можете да стилизирате вашите съкращения!

CSS

abbr (вариант на шрифта: all-small-caps; )

резултат

Осигуряване на разширяване

Добавянето на атрибут за заглавие ви позволява да посочите разширението или дефиницията на акроним или съкращение.

HTML

Шегата на Ашок ме накара хахаголямо време.

резултат

Дефиниция на съкращение

Можете да използвате в тандем с за по-формално определение на акронима, както е показано тук.

HTML

HTML е език за маркиране, използван за създаване на семантиката и структурата на уеб страница.

А Спецификация (спец) е документ, който очертава подробно как е предназначена да функционира технология или API и как се осъществява достъп до тях.

резултат

Наличност

Пълното описание на акроним или съкращение при първото им използване на страница помага на хората да го разберат, особено ако съдържанието е технически или индустриален жаргон.

пример

JavaScript обектна нотация ( JSON) е лек формат за обмен на данни.

Това е особено полезно за хора, които не са запознати с терминологията или концепциите, обсъждани в съдържанието, хора, които са нови за езика, и хора с когнитивни проблеми.

Характеристики

Съвместимост с браузър

ОсобеностУеб изглед на AndroidChrome за AndroidEdge mobileFirefox за Androidоперационна система AndroidiOS SafariОнлайн магазин на Samsung
Основна поддръжкададада 4 дадада

1. Преди Firefox 4 този елемент имплементира интерфейса HTMLSpanElement вместо стандартния интерфейс HTMLElement.

The HTML абревиатура елемент( ) представлява съкращение или акроним; незадължителният атрибут за заглавие може да предостави разширение или описание на съкращението.Ако присъства, заглавието трябва да съдържа това пълно описание и нищо друго.

Източникът за този интерактивен пример се съхранява в хранилище на GitHub. Ако искате да допринесете за проекта за интерактивни примери, моля, клонирайте https://github.com/mdn/interactive-examples и ни изпратете заявка за изтегляне.

Проблеми с достъпността

Изписването на акронима или абревиатурата изцяло при първото им използване на страница е от полза за подпомагане на разбирането на хората, особено ако съдържанието е технически или индустриален жаргон.

Пример

JavaScript обектна нотация ( JSON) е лек формат за обмен на данни.

Това е особено полезно за хора, които не са запознати с терминологията или концепциите, обсъждани в съдържанието, хора, които са нови за езика, и хора с когнитивни проблеми.

Спецификации

Спецификация Статус Коментирайте
HTML жизнен стандарт
Определението за " "в тази спецификация.
Стандарт на живот
HTML5
Определението за " "в тази спецификация.
Препоръка
Спецификация на HTML 4.01
Определението за " "в тази спецификация.
Препоръка

Съвместимост с браузър

Таблицата за съвместимост в тази страница е генерирана от структурирани данни. Ако искате да допринесете за данните, моля, разгледайте https://github.com/mdn/browser-compat-data и ни изпратете заявка за изтегляне.

Актуализирайте данните за съвместимост в GitHub

Работен плотМобилен
ChromeРъбFirefoxInternet ExplorerОпераSafariУеб изглед на AndroidChrome за AndroidFirefox за AndroidOpera за AndroidSafari на iOSИнтернет на Samsung
съкрПълна поддръжка на Chrome 2Edge Пълна поддръжка ДаFirefox Пълна поддръжка 1

Бележки

Пълна поддръжка 1

Бележки

Бележки Преди Firefox 4 този елемент имплементира интерфейса HTMLSpanElement вместо стандартния интерфейс HTMLElement.
IE Пълна поддръжка 7Opera Пълна поддръжка ДаПълна поддръжка на Safari ДаWebView Android Пълна поддръжка ДаChrome Android Пълна поддръжка ДаFirefox Android Пълна поддръжка 4Opera Android Пълна поддръжка ДаSafari iOS Пълна поддръжка ДаSamsung Internet Android Пълна поддръжка Да

Легенда

Пълна поддръжкаПълна поддръжка Вижте бележките за изпълнение. Вижте бележките за изпълнение.

Вижте също

Кодовият елемент се използва за указване на компютърен код или език за програмиране като PHP, JavaScript, CSS, XML и др. За кратки фрагменти в изречение можете просто да поставите елемента около кодовия фрагмент по следния начин:

onclickдиректно в HTML.

За по-големи образци на код, които обхващат няколко реда, можете да използвате предварително форматирани блокове, както е показано в "Лекции 15", "Маркиране на текстово съдържание в HTML".

Въпреки че няма конкретен метод за посочване кои език за програмиранеили кодът е показан в кодовия елемент, може да се използва атрибутът клас. Често срещана практика (спомената в черновата на HTML 5) е да се използва езиковият префикс и след това да се добави името на езика. Така че примерът по-горе ще изглежда така:

Лоша форма е да се използват манипулатори на събития като onclickдиректно в HTML.

Някои езици за програмиране имат имена, които не се представят лесно в класове, като C# (C-sharp). Правилният начин за писане в този случай би бил "class="language-c\#"" , което може да създаде трудности и да доведе до правописни грешки. Бих препоръчал да използвате клас, състоящ се само от букви и тирета, и да го напишете изцяло. Следователно в този случай е по-добре да използвате "class="language-csharp"" .

Изход за взаимодействие с компютър

Два елемента пробаи kbd може да се използва за входно и изходно взаимодействие с компютърна програма. Например:

Един често срещан метод за определяне дали даден компютър е свързан към интернет е използването на компютърната програма пингза да видите дали компютърът е вероятно да работи, е достъпен.

kittaghy% ping -o google.com
 PING google.com (64.233.187.99): 56 байта данни 64 байта от 64.233.187.99: icmp_seq=0 ttl=242 време=108.995 ms --- статистика за ping на google.com --- 1 предадени пакета, 1 получени пакета, 0 % загуба на пакети двупосочен min/ag/max/stddev = 108,995/108,995/108,995/0,000 ms

елемент пробапоказва примерен резултат от компютърна програма. Както показва този пример, различни изходни типове могат да бъдат зададени с помощта на атрибута клас. Въпреки това, няма широко прието споразумение за това какви класове да се използват.

Елементът kbd определя входа на взаимодействието на потребителя с компютъра. Въпреки че това традиционно е въвеждане от клавиатурата (оттук и съкращението "kbd"), то трябва да се използва и за обозначаване на други типове въвеждане, като например гласово въвеждане.

Променливи

Елементът var се използва за указване на променливи в текстовото съдържание. Може да включва алгебрични математически изрази или да бъде в програмен код. Например:

Стойността на хв 3 х+2=14 е 4.

моя $добре дошли= "Здравей свят!";

Цитиране

Елементът cite се използва, за да посочи откъде идва близкото съдържание – когато се цитира човек, книга или друга публикация, или като цяло, когато се препращат хора към друг източник, този източник трябва да бъде поставен в елемент cite. Например:

Поговорката Всичко трябва да бъде възможно най-просто, но не и по-просточесто се приписва на Алберт Айнщайн, но всъщност е перифразиране на цитат, който е много по-трудно разбираем.

TEG

термоелектрически генератор

техн.

речник:С. Фадеев. Речник на съкращенията на съвременния руски език. - Санкт Петербург: Политехника, 1997. - 527 с.

TEG

триетилен гликол

TEG

тромбоеластограма

мед.

източник: http://cardio-burg.ru/magazin/magazin.php?nnn=2000_2&cont=20002s8

TEG

терапевтична евакуационна болница

мед.

речник:Речник на съкращенията и съкращенията на армията и специалните служби. Comp. А. А. Щелоков. - М .: Издателска къща AST LLC, Издателска къща Geleos CJSC, 2003. - 318 с.


Речник на абревиатурите и съкращенията.

академик:

2015 г.

    СинонимиВижте какво е „TAG“ в други речници:

    Етикет- (tag, англ. tag “shortcut, label, tag; label”) етикет като ключова дума, в по-тясно приложение идентификатор, за категоризиране, описание и търсене на данни, уточняване на вътрешната структура. Примери за приложение: Елемент на език за маркиране... ... Wikipedia етикет

    Синоними- съществително име, брой синоними: 3 дескриптор (5) етикет (2) етикет (25) ASIS синонимен речник. В.Н. Тришин... Речник на синонимите

    TEG- село в област Сиктивдински. Кръстен на реката. Tegyu, вдясно, е приток на Vychegda, близо до който се намира: Komi етикет „сяра“, yu „река“. Tegyu "река, в близост до която има разкрития на сяра." В този район преди това се е добивала естествена сяра за битови нужди... ... Топонимичен речник на Република Коми

    TEG- 3.1.45 TAG: Сервизен елемент, който се поставя в началото на хедъра и се съхранява заедно с данните, не може да се използва като независим елемент. Източник... Речник-справочник на термините на нормативната и техническата документация

    TEG- вижте Термоелектрически генератор...

    TEGГолям енциклопедичен политехнически речник - ... Уикипедия

    - термоелектрически генератор...Речник на руските съкращения идентификатор на протокола

    - - [GOST R 54325 2011 (IEC/TS 61850 2:2003)]] Теми релейна защита EN етикет протокол идентификаторTPID ...Ръководство за технически преводач

    И-Тег-Юган- Характеристики Дължина 35 km Басейн Карско море Воден поток Устие 33 km по левия бряг на канала Mogot Leim След Местоположение ... Wikipedia Термоелектрически генератор

Нека насочим вниманието си към темата за съкращенията на уеб страниците или по-скоро разбираемостта на тези съкращения за читателите. Тази статия обсъжда етикетите abbr и акроним и нюансите, свързани с тях.

Внимание!!!В спецификацията на HTML5 елементът акронимобявен за напълно остарял и силно препоръчително да бъде премахнат от употреба. Вместо това се предлага да се използва елементът съкр(разяснения от 10.11.2011 г.) .

Разбиране на терминологията

Абревиатурата (на италиански abbreviatura - съкращение, от латински abbrevio - съкращавам) е съкратена форма на дума или група от думи, използвана вместо цяла дума или фраза. Например: WWW, HTTP, URI, съкр. и т.н. Акронимът (на гръцки akros - висок, onyma - име) е съкращение, образувано от части от думи на оригиналната фраза (обикновено начални букви), произнасяни като една дума, а не буква по буква, както другите видове съкращения. Например: модем, радар или лазер.

Съкращенията и акронимите трябва да са разбираеми за всички по всяко време.

Доста често използваме различни съкращения, вариращи от „zamkompomorde“ до „ASS“ (това изобщо не е това, което си мислите). Но също така доста често много хора нямат представа какво означават тези акроними. Следователно, когато използвате който и да е термин, който е съкращение или акроним, трябва да им дадете обяснение. Освен това, ако сте въвели термин в началото и сте го обяснили, това не означава, че човек няма да забрави значението му след 2 минути, следователно обясненията винаги трябва да са наблизо.

HTML тагове И

HTML 4 ни предоставя два логически елемента за форматиране, използвани за подчертаване на съкращения и акроними - съответно abbr и acronym. Тези тагове имат атрибут заглавие, който дава обяснение на термина. Всеки нормален браузър, когато задържи курсора на мишката над такъв термин, ще покаже подсказка, определена от атрибута title.

Пример: WWW модем

WWW Модем

Били, който не харесва W3C

IE (до версия 6) не поддържа ABBR тага(съжалявам, че го правя веднага, без подготовка :-)

В списъка с познати за него елементи е посочен само елементът АКРОНИМ. Но съм сигурен, че това ще бъде коригирано в седмата версия на браузъра.

Разбира се, можете да се откажете от това и да използвате маркера за акроним вместо етикета abbr, но тогава не се изненадвайте, ако гласовият агент на потребителя произнесе URI съкращението от азбука не буква по буква, а с една дума, и вие получавате името Ури от филма „Приключенията на електрониката“. Но можете да намерите заобиколно решение, например вмъкване на SPAN елемент в ABBR:

CSS

И е по-добре да автоматизирате този процес, като извършвате вмъквания с помощта на скрипт след зареждане на документа и само за IE. И което е много важно, няма да е необходимо да се променяте правилноизходния текст на документа.

Нека създадем CSS трик

Тъй като abbr и акронимът са логически форматиращи елементи, браузърите може да ги показват по различен начин на страницата. Например Mozilla Firefox и Opera показват тези елементи с черно подчертаване под формата на точки, Konqueror ги показва в курсив, а IE не ги подчертава визуално (акроним).

Следователно няма да навреди да зададете стилове, които да унифицират показването на тези елементи в различни браузъри.

Например така:

АББР, АКРОНИМ (
border-bottom: 1px пунктиран #F04B2D;
курсор: помощ;
стил на шрифта: курсив;