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 |
✔️ |
Атрибути
Този елемент няма специфични атрибути.