HTML таг code

Пример

Кратък пример как се използва тагът <code>.

<p>За да инсталирате зависимост, използвайте командата <code>npm install</code> в терминала.</p>
Опитай в редактора

Дефиниция и употреба

Виж как се ползва тагът <code>.

HTML елементът <code> се използва за отбелязване на фрагменти от компютърен код или текст, който представлява програмен израз, команда, име на функция, променлива и др. По подразбиране браузърите визуализират съдържанието в моноширинен (monospace) шрифт, за да се отличава от останалия текст.

Тагът <code> е семантичен елемент и помага както за по-добра четимост, така и за достъпност (screen reader-и и инструменти за анализ разпознават, че това е код). Обикновено се използва за кратки inline фрагменти код в рамките на абзац, например: <p>Натиснете <code>Ctrl + C</code> за копиране.</p>. За по-дълги блокове код често се комбинира с елемента <pre>, който запазва интервалите и новите редове.

Елементът <code> няма собствени специфични атрибути, но поддържа всички глобални HTML атрибути (като class, id, style, title и др.), което позволява лесно стилизиране чрез CSS или използване в JavaScript. В контекста на библиотеки като Bootstrap или библиотеки за оцветяване на синтаксис (Prism, Highlight.js) често се добавят класове към <code> за определяне на езика на програмиране.

Browser Support

BrowserПоддръжка

Chrome
✔️

Firefox
✔️

Edge
✔️

Safari
✔️

Opera
✔️

Атрибути

Този елемент няма специфични атрибути.