Тег <samp>
Описание
Тег <samp> (от англ. "sample") используется для обозначения вывода компьютерной программы или системы. Это семантический элемент, который по умолчанию отображается моноширинным шрифтом и помогает визуально выделить системные сообщения в тексте.
<p>Ошибка: <samp>File not found</samp></p>
Ключевые особенности:
- Семантически обозначает вывод программы или системы
- По умолчанию отображается моноширинным шрифтом (как
<code>) - Не предназначен для ввода пользователя (используйте
<kbd>) - Может содержать другие inline-элементы
- Важен для доступности (скринридеры выделяют интонацией)
<!-- Вывод программы -->
<p>После запуска скрипта появилось сообщение:<br>
<samp>SyntaxError: Unexpected token ';'</samp></p>
<!-- Пример вывода терминала -->
<pre><samp>
$ git status
On branch main
Your branch is up to date with 'origin/main'.
nothing to commit, working tree clean
</samp></pre>
<!-- Сочетание с другими тегами -->
<p>Сервер вернул: <samp><strong>404</strong> Not Found</samp></p>
Рекомендации по использованию:
- Используйте для вывода программ, системных сообщений
- Для кода программ применяйте
<code> - Для ввода пользователя используйте
<kbd> - Для многострочного вывода сочетайте с
<pre> - Не применяйте просто для моноширинного текста
<p>
<code>print("Hello")</code> |
<kbd>Ctrl+C</kbd> |
<samp>Hello World</samp> |
<var>x</var>
</p>
Тег <samp> обеспечивает семантически правильное отображение вывода компьютерных программ и системных сообщений, улучшая читаемость технической документации и учебных материалов.
Атрибуты
| accesskey | Горячая клавиша для активации элемента |
| class | CSS-классы для стилизации элемента |
| contenteditable | Разрешает редактирование содержимого |
| data-* | Пользовательские данные элемента |
| dir | Направление текста (ltr|rtl) |
| hidden | Скрывает элемент от отображения |
| id | Уникальный идентификатор элемента |
| lang | Язык содержимого элемента |
| spellcheck | Включает проверку орфографии |
| style | Инлайновые CSS-стили элемента |
| tabindex | Порядок перехода при навигации по Tab |
| title | Всплывающая подсказка для элемента |
| translate | Определяет возможность перевода содержимого |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 1.0 | 1.0 | 1.0 | 1.0 | 1.0 |