Элемент <code> отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. Сюда относятся имена переменных, ключевые слова, тексты функции и т.д. Браузеры обычно отображают содержимое контейнера <code> как моноширинный текст уменьшенного размера.
<code> տարրը ցուցադրում է իր բովանդակությունը այն ոճով, որը նախատեսված է ցույց տալու այն, որ տեքստը համակարգչային կոդի կարճ հատված է: Սա ներառում է փոփոխականների անուններ, հիմնաբառեր, ֆունկցիաների տեքստեր և այլն: Բրաուզերները սովորաբար ցուցադրում են <code> կոնտեյների բովանդակությունը որպես փոքրածավալ տեքստ:
See the Pen code by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
Для представления нескольких строк кода, оберните элемент <code> в элемент <pre>. Элемент <code> сам по себе представляет только один элемент кода или строку кода. Добавим ещё чуточку CSS для красоты.
Կոդի մի քանի տող ներկայացնելու համար <code> տարրը տեղադրեք <pre>տարրի մեջ: <code> տարրն ինքնին ներկայացնում է միայն մեկ կոդի տարր կամ կոդի տող: Եկեք մի քիչ CSS ավելացնենք գեղեցկության համար:
See the Pen code + pre by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 11+ | 12+ | 4+ | 2+ | 15.2+ | 82+ |