Тег <samp>: вывод программы в инструкции
Элемент samp выделяет пример результата, который программа или система показывает пользователю.
Назначение
Элемент samp выделяет пример результата, который программа или система показывает пользователю.
Как это работает
Внутри абзаца он подходит для короткого сообщения. Многострочный вывод можно поместить в pre, чтобы сохранить переносы. Содержимое остаётся примером текста и не выполняется.
Пример
<p>После проверки программа покажет <samp>Готово: 3 файла обработано</samp>.</p>
<pre><samp>index.html: OK
style.css: OK</samp></pre>Что должно получиться
Короткое сообщение и две строки журнала обозначены как образец вывода. Эти проверки здесь не выполнялись: строки демонстрируют способ разметки результата.
Граница применения и частая ошибка
Не публикуйте в учебном выводе настоящие токены, адреса приватных систем или персональные данные. Заменяйте их демонстрационными значениями и явно называйте вывод примером.
Самостоятельная проверка
Разделите инструкцию на ввод через kbd и ответ через samp. Для многострочного результата добавьте pre и проверьте отображение угловых скобок через экранирование.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.