Главная
HTML-тег <code>
Характеристики
- Тип: строчный, статичный, семантический
- Назначение: Представляет фрагмент компьютерного кода.
- Родители: Любые элементы, допускающие потоковый контент.
- Потомки: Строчный контент, обычно без вложенных блочных элементов.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<p>Используйте функцию <code>alert()</code> для отображения сообщения.</p>
Использование в JavaScript
// Выделение всех элементов <code>
const codeElements = document.querySelectorAll('code');
codeElements.forEach(el => el.style.backgroundColor = '#f0f0f0');
Рекомендации по обеспечению доступности (a11y)
- Используйте для обозначения фрагментов кода внутри текста.
- Помогает пользователям отличить код от обычного текста.
- Для блоков кода используйте <pre> в сочетании с <code>.
Полезные ссылки