Html абревіатури. Менш відомі семантичні елементи. Стиль за замовчуванням

Елемент code використовується для вказівки комп'ютерного коду або мови програмування, таких як PHP, JavaScript, CSS, XML і т.д. Для коротких фрагментів усередині пропозиції можна просто розмістити елемент навколо фрагмента коду таким чином:

onclickбезпосередньо в HTML.

Для більш значних зразків коду, які займають кілька рядків, можна використовувати попередньо форматовані блоки, як показано в "лекції 15", "Розмітка текстового контенту HTML".

Хоча не існує певного методу вказівки, який мова програмуванняабо код показаний в елементі code, можна використовувати атрибут class. Звичайна практика (згадана у проекті HTML 5) полягає у використанні префікса language-і потім додаванні назви мови. Тому приклад вище виглядатиме так:

It is bad form to use event handlers like onclickбезпосередньо в HTML.

Деякі мови програмування мають назви, які не так просто уявити в класах, такі як C# (C-шарп). Правильний спосібзапису в цьому випадку буде "class="language-c#"" , що може створювати труднощі і призводити до помилок. Я б рекомендував використовувати клас, що складається тільки з літер та дефісів, і записувати його повністю. Тому в даному випадку використовуйте краще "class="language-csharp"".

Виведення взаємодії з комп'ютером

Два елементи sampта kbd можна використовувати для введення та виведення взаємодії з комп'ютерною програмою. Наприклад:

Один спільний метод визначення, якщо комп'ютер connected to the internet is to use the computer program pingДля того, щоб комп'ютер likely to running is reachable.

kittaghy% ping -o google.com
 PING google.com (64.233.187.99): 56 data bytes 64 bytes від 64.233.187.99: icmp_seq=0 ttl=242 time=108.995 ms --- google.com ping statistics --- 1 packets transmit  % 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 3 x+2 = 14 є 4.

my $welcome= "Hello world!";

Цитування

Елемент cite використовується для вказівки, звідки надходить контент, що знаходиться поруч - при цитуванні людини, книги або іншої публікації, або зазвичай при відсиланні людей до іншого джерела, це джерело повинен бути поміщений в елемент cite . Наприклад:

The saying Everything should be made як simple as posible, but not simpler is often attributed to Albert Einstein, but it actually paraphrasing of quote which is much less easy to understand.

Опис

Тег показує, що послідовність символів є абревіатурою. За допомогою атрибуту title дається розшифровка скорочення, що дозволяє розуміти абревіатуру тим людям, які з нею не знайомі. Крім того, пошукові системи індексують повнотекстовий варіант скорочення, що може використовуватись для підвищення рейтингу документа.

Браузери не виділяють текст усередині , крім Opera до версії 15, яка додає до тексту пунктирне підкреслення.

Синтаксис

Атрибути

Закриваючий тег

Обов'язковий.

HTML5 IE Cr Op Sa Fx

CGIпозначається протокол, за допомогою якого будь-які зовнішні програми взаємодіють із веб-сервером. За допомогою CGI на сервері можна виконувати програми будь-якою мовою програмування і результат їхньої дії виводити у вигляді веб-сторінки.

Результат цього прикладу показано на рис. 1.

Мал. 1. Вигляд підказки при наведенні курсору миші на текст абревіатури

Браузери

Internet Explorer до 6 версії включно не підтримує тег , натомість рекомендується використовувати тег .

The HTML Abbreviation element( ) represents an abbreviation or acronym; the optional title attribute може здійснювати expansion or description for the abbreviation. If present, title must contain this full description and nothing else.

Source для цього interactive example is stored in GitHub repository. Якщо ви знайдете, щоб розширити проектні приклади, повторити clone https://github.com/mdn/interactive-examples і виконати додаткові запити.

Accessibility concerns

Spelling out acronym або abbreviation in full the first time it is used on page is beneficial for helping people understand it, особливо якщо content is technical or industry jargon.

Example

JavaScript Object Notation ( JSON) is a lightweight data-interchange format.

Це є особливо сприятливим для людей, які є неfamiliar з terminology або concepts discussed в content, люди, які є нові для мови, і люди з cognitive concerns.

Specifications

Browser compatibility

Компактність таблиці в цій сторінці генерується з структурованих даних. Якщо ви знайдете, щоб дізнатися про ваші дані, клацніть на https://github.com/mdn/browser-compat-data і пишуть.

Update compatibility data on GitHub

Legend

See also

• Інші елементи, що містять текст-рівень semantics : елемент (або попередній елемент), з його href atribut, створюють hyperlink до веб-сторінок, файлів, електронної пошти, розташування в тій самій сторінці, або будь-якого URL-адреси можуть бути адресовані."> , !} , ) Вказує на те, що його contents мають значну важливість, серйозність, або urgency. Browsers типово скасовують вміст в білий тип."> , елемент являють собою side-comments і невеликий print, як копіюванняправого і громадського тексту, незалежно від його стилю prezentації. Будь-який, його повідомлень тексту в одному font-size мало, так як від малого до 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. Більшість сучасних браузерів впроваджує це з огляду на текст в quotation marks. "> , ) is used to indicate the term being defined within the context of definition phrase or sentence."> , element represents a specific period in time."> , елемент відтворення його вмісту виконаний в моделі, що вказує на те, що текст є коротким фрагментом комп'ютерного коду."> , ) позначають назву variable в математичному виразі або програмному контексті."> , ) is used to enclose inline text which represents sample (or quoted) output from a computer program."> , ) представляють span of inline text denoting textual user input from 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 not otherwise granted special importance.> , елемент, що становлять зміну тексту, що є off з normal text for some reason. Кілька прикладів включають технічні терміни, іноземні мови фрази, або 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 анотацій є для показу емісії з європейських 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 ruby ​​annotation, які використовується для забезпечення 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 element, whose responsibilities were folded into !}