Кодовият елемент се използва за обозначаване на компютърен код или език за програмиране като 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 % загуба на пакети двупосочно мин./ср./макс./стандартно отклонение = 108,995/108,995/108,995/0,000 ms
елемент пробапоказва примерен изход от компютърна програма. Както е показано в този пример, различни видовеизходът може да бъде определен с помощта на клас атрибут. Въпреки това, няма широко приета конвенция за това кои видове класове да се използват.
Елементът kbd определя входа за взаимодействие на потребителя с компютъра. Въпреки че това традиционно е въвеждане от клавиатурата (поради което се използва съкращението "kbd"), то трябва да се използва и за обозначаване на други типове въвеждане, като например гласово въвеждане.
Променливи
Елементът var се използва за указване на променливи в текстово съдържание. Може да включва алгебрични математически изрази или да е в програмен код. Например:
Стойността на хв 3 х+2=14 е 4.
моя $добре дошли= "Здравей свят!";
Цитат
Елементът cite се използва, за да посочи откъде идва близкото съдържание - когато цитирате човек, книга или друга публикация или като цяло препращате хора към друг източник, този източник трябва да бъде поставен в елемента cite. Например:
Поговорката Всичко трябва да бъде възможно най-просто, но не и по-просто
често се приписва на Алберт Айнщайн, но всъщност е перифразиране на цитат, който е много по-трудно разбираем.
Нека насочим вниманието си към темата за съкращенията на уеб страниците или по-скоро разбираемостта на тези съкращения за читателите. Тази статия обсъжда етикетите abbr и акроним и нюансите, свързани с тях.
Внимание!!!В спецификацията на HTML5 елементът акронимобявен за напълно остарял и силно препоръчително да бъде премахнат от употреба. Вместо това се предлага да се използва елементът съкр(уточнения от 10.11.2011 г.) .
Запознаване с терминологията
Абревиатурата (на италиански abbreviatura - съкращение, от латински abbrevio - изрязвам) е съкратена форма на дума или група от думи, използвана вместо цяла дума или фраза. Например: WWW , HTTP , URI , съкр. и т.н. Акронимът (на гръцки akros - висок, onima - име) е съкращение, образувано от части от думите на оригиналната фраза (обикновено начални букви), произнесено като една дума, а не буква по буква, както другите видове съкращения . Например: модем, радар или лазер.Съкращенията и акронимите трябва да са ясни на всички и винаги
Доста често използваме различни съкращения, вариращи от "zamkompomorde" до "ASS" (това изобщо не е това, което си мислите). Но също така доста често много хора нямат представа какво означават тези съкращения. Следователно, използвайки всеки термин, който е съкращение или акроним, трябва да им дадете обяснения. Освен това, ако сте въвели термина в началото, след като сте го обяснили, това не означава, че човек няма да забрави значението му след 2 минути, така че обясненията винаги трябва да са наблизо.
HTML тагове и
HTML 4 ни предоставя два логически елемента за форматиране, използвани за подчертаване на съкращения и акроними - съответно abbr и acronym. Тези тагове имат атрибут за заглавие, който обяснява термина. Всеки нормален браузър ще покаже подсказката, определена от атрибута title, когато задържите курсора на мишката над такъв термин.
Пример: WWW модем
www модем
Били, който не харесва W3C
IE (до версия 6) не поддържа ABBR тага(съжалявам за това толкова скоро, без подготовка :-)
В списъка с познати за него елементи е посочен само елементът АКРОНИМ. Но съм сигурен, че това ще бъде коригирано в седмата версия на браузъра.
Разбира се, можете да се откажете от това и да използвате маркера за акроним вместо маркера abbr, но тогава не се изненадвайте, ако гласовият агент на потребителя произнесе буквеното съкращение URI не буква по буква, а с една дума, и вие получавате името Uri от филма / f "Приключенията на електрониката". Но можете също да намерите заобиколно решение, например да вмъкнете SPAN елемент в ABBR:
css
И е по-добре да автоматизирате този процес, като извършвате вмъквания с помощта на скрипт, след зареждане на документа и само за IE. И което е много важно, няма да има нужда от промяна точнооригиналния текст на документа.
Настройване на CSS маратон
Тъй като abbr и акронимът са логически форматиращи елементи, браузърите може да ги показват по различен начин на страницата. Например Mozilla Firefox и Opera показват тези елементи с черно подчертаване като точки, Konqueror поставя тези елементи в курсив, а IE не подчертава визуално (акроним) по никакъв начин.
Следователно не пречи да зададете стилове, които биха унифицирали показването на тези елементи в различни браузъри.
Например така:
АББР, АКРОНИМ (
border-bottom: 1px пунктиран #F04B2D;
курсор:помощ;
стил на шрифта: курсив;
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 | ръб, край | Firefox | Internet Explorer | Опера | сафари | android webview | Chrome за Android | Firefox за Android | Opera за Android | Safari на iOS | Интернет на Samsung | |
съкр | Пълна поддръжка на Chrome 2 | Edge Пълна поддръжка Да | Firefox Пълна поддръжка 1 бележки Пълна поддръжка 1бележки бележки Преди Firefox 4 този елемент имплементира интерфейса HTMLSpanElement вместо стандартния интерфейс HTMLElement. | IE Пълна поддръжка 7 | Пълна поддръжка на Opera Да | Safari Пълна поддръжка Да | WebView Android Пълна поддръжка Да | Chrome Android Пълна поддръжка Да | Firefox Android Пълна поддръжка 4 | Opera Android Пълна поддръжка Да | Safari iOS Пълна поддръжка Да | Samsung Internet Android Пълна поддръжка Да |
Легенда
Пълна подкрепаПълна поддръжка Вижте бележките за изпълнение. Вижте бележките за изпълнение.Вижте също
- Други елементи, предаващи семантика на ниво текст: елемент (или anchor елемент), със своя атрибут href, създава хипервръзка към уеб страници, файлове, имейл адреси, местоположения в същата страница или нещо друго, което URL може да адресира."> , !} , ) показва, че съдържанието му е силно важно, сериозно или спешно. Браузърите обикновено изобразяват съдържанието в удебелен шрифт."> , елементът представлява странични коментари и дребен шрифт, като авторски права и правен текст, независимо от стилизираното му представяне. По подразбиране той изобразява текст в него с един размер на шрифта, като например от малък до x-малък."> , ) се използва за описание на препратка към цитирано творческо произведение и трябва да включва заглавието на това произведение."> , елемент показва, че ограденият текст е кратък вграден цитат. Повечето съвременни браузъри прилагат това, като поставят текста в кавички. ">
, ) се използва за обозначаване на дефинирания термин в контекста на дефиниционна фраза или изречение."> , елементът представлява определен период от време.">
- Остарелият ) позволява на авторите ясно да посочат последователност от знаци, които съставляват акроним или абревиатура за дума."> елемент, чиито отговорности са сгънати в
елемент HTML съкращения () е абревиатура или съкращение; незадължителен атрибут заглавието може да предостави разширение или описание на съкращението. Ако е налице, заглавието трябва да съдържа това Пълно описаниеи нищо друго.
статия Как да обозначаваме съкращенията и да ги правим разбираемие урок за научаване как да използвате и свързани елементи.
Атрибути
Този елемент поддържа само глобални атрибути. Атрибутът title има специфично значение, когато се използва с елемент ; той трябва дасъдържат пълно разбираемо за човека описание или разширение на съкращението. Този текст често се показва като подсказка от браузърите, когато курсорът на мишката задържи върху елемент.
Всеки елемент използваш, не зависи от всички останали; предоставянето на заглавие за едно не добавя автоматично същия текст на разширението към други със същия текст на съдържанието.
Бележки за употреба
Типични случаи на употреба
Разбира се, не е задължително всички съкращения да бъдат отбелязани с . Има обаче няколко случая, в които това е полезно:
Граматически съображения
В езици с граматичен номер (т.е. езици, където броят на елементите влияе върху граматиката на изречението), използвайте същия граматичен номер в атрибута заглавие, както във вашия елемент . Това е особено важно за езици с повече от две цифри, като арабски, но е уместно и за английски.
Стил по подразбиране
Целта на този елемент е само за удобство на автора и всички браузъри го изобразяват вграден ( display : inline ) по подразбиране, въпреки че стилът му по подразбиране варира от един браузър на друг:
- Някои браузъри, като Internet Explorer, не го изграждат по различен начин от елемента .
- Opera, Firefox и няколко други добавят тирета към съдържанието на елемент.
- Няколко браузъра не само добавят прекъснатото подчертаване, но го поставят и с малки главни букви; за да избегнете този стил, добавяйки нещо като font-variant : none в CSS няма да се погрижи за този случай.
Примери
Семантично маркиране на съкращение
За да маркирате съкращение, без да предоставяте разширение или описание, просто използвайте без никакви атрибути, както е показано в този пример.
HTML
Използвайки HTMLе забавно и лесно!
резултат
Условни съкращения
Можете да използвате CSS, за да зададете персонализиран стил, който ще се използва за съкращенията, както се вижда в този прост пример.
HTML
Използвайки css, можете да стилизирате вашите съкращения!
css
abbr (вариант на шрифта: all-small-caps;)резултат
Осигуряване на разширяване
Добавянето на атрибут за заглавие ви позволява да посочите разширение или дефиниция за абревиатура или съкращение.
HTML
Шегата на Ашок ме накара хахамного.
резултат
Дефиниция на съкращение
можеш да използваш в тандем с за по-официална дефиниция на съкращението, както е показано тук.
HTML
HTML е език за маркиране, използван за създаване на семантиката и структурата на уеб страница.
А Спецификация (спец) е документ, който очертава подробно как е предназначена да функционира дадена технология или API и как се осъществява достъп до тях.
резултат
Наличност
Пълното описание на акроним или акроним при първото им използване на страница помага на хората да го разберат, особено ако съдържанието е технически или индустриален жаргон.
пример
Нотация на JavaScript обект ( JSON) е лек формат за обмен на данни.
Това е особено полезно за хора, които не са запознати с терминологията или концепциите, обсъждани в съдържанието, хора, които са нови за езика, и хора с когнитивни проблеми.
Характеристики
Съвместимост на браузъра
Особеност | Уеб изглед на Android | Chrome за Android | edge mobile | Firefox за Android | операционна система Android | iOS Safari | Онлайн магазин на Samsung |
---|---|---|---|---|---|---|---|
Основна поддръжка | да | да | да | 4 | да | да | да |
1. Преди Firefox 4 този елемент имплементира интерфейса HTMLSpanElement вместо стандартния интерфейс HTMLElement.
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 г.
Синоними:Вижте какво е "TEG" в други речници:
Етикет- (етикет, английски етикет "етикет, етикет, таг; таг") етикет като ключова дума, в по-тясно приложение, идентификатор, за категоризиране, описание и търсене на данни, задаване на вътрешна структура. Примери за приложение: Елемент на език за маркиране ... ... Wikipedia
етикет- съществително име, брой синоними: 3 дескриптор (5) етикет (2) етикет (25) ASIS синонимен речник. В.Н. Тришин... Речник на синонимите
Етикет- селище в Сиктивдински район. Кръстен на r. Tagyu, вдясно, към притока на Vychegda, близо до който се намира: Komi таг "сяра", yu "река". Tagyu "река, близо до която има изтичане на сяра." В тази област преди това е добивана естествена сяра за битови нужди ... ... Топонимичен речник на Република Коми
TEG- 3.1.45 TAG (tag): Сервизен елемент, който се поставя в началото на хедъра и се съхранява заедно с данните, не може да се използва като независим елемент. Източник... Речник-справочник на термините на нормативната и техническата документация
TEG- вижте Термоелектрически генератор ... Голям енциклопедичен политехнически речник
TEG- ... Уикипедия
TEG- термоелектрически генератор ... Речник на съкращенията на руския език
идентификатор на протокола- — [GOST R 54325 2011 (IEC/TS 61850 2:2003)]] Теми релейна защита EN етикет протокол идентификатор TPID … Наръчник за технически преводач
Ай-Тег-Юган- Характеристика Дължина 35 km Басейн Карско море Воден поток Естуар 33 km по левия бряг на канала Mogot Leim Последно местоположение ... Wikipedia
термоелектрически генератор- (ТЕГ) термоелектрически генератор, устройство за директно преобразуване на топлинна енергия в електрическа енергия, чийто принцип на действие се основава на ефекта на Зеебек (виж Термоелектрични явления). Съставът на ТЕГ включва: термопили, сглобени от ... ... Велика съветска енциклопедия