Кратко
СкопированоТег <samp>
используется для оформления вывода данных, которые показываются пользователю в результате выполнения программы. Содержимое этого элемента воспринимается устройствами как простой текст.
Пример
Скопировано<p> После завершения всех активных сеансов на экране появится сообщение: <samp>Теперь питание компьютера можно отключить.</samp></p>
<p> После завершения всех активных сеансов на экране появится сообщение: <samp>Теперь питание компьютера можно отключить.</samp> </p>
Как пишется
СкопированоВнутри тега <samp>
размещается информация, которую пользователь может получить в процессе взаимодействия с программой:
- вывод информации о ходе выполнения программы;
- ошибки, предупреждения и подсказки инструментов разработчика или операционной системы;
- приглашение к вводу данных.
В браузерах текст внутри <samp>
по умолчанию отображается моноширинным шрифтом.
Если нужно показать пользователю результат работы программы в реальном времени, лучше использовать тег <output>
, например:
- информация, которую пользователь вводит или изменяет в форме;
- вывод расчётов по данным, которые указал пользователь (калькулятор, гороскоп и т. п.).
Атрибуты
СкопированоК тегу <samp>
применяются все глобальные атрибуты.
Комбинация с <var>
, <kbd>
и <code>
СкопированоПри оформлении вывода данных <samp>
часто комбинируют с тегами <var>
, <kbd>
и <code>
:
<div> <p> В ходе выполнения программы вам будет предложено указать расстояние: </p> <p> <samp> Введите значение для переменной <var>Distance</var>: </samp> </p></div><div> <p> Следующая команда выведет в консоли браузера результат сложения двух чисел: </p> <pre> <code>console.log(2.3 + 2.4)</code> <samp>4.699999999999999</samp></pre></div><div> <p> Неправильно введённая команда не будет выполнена и в консоли отобразится ошибка: </p> <samp> <span class="console-name">user@machine:~$</span> <kbd>ckear</kbd> <br> ckear: The term 'ckear' unidentified as a name of a cmdlet, function, script file, or executable program. <br> <span class="console-name">user@machine:~$</span> <span class="console-cursor">_</span> </samp></div>
<div> <p> В ходе выполнения программы вам будет предложено указать расстояние: </p> <p> <samp> Введите значение для переменной <var>Distance</var>: </samp> </p> </div> <div> <p> Следующая команда выведет в консоли браузера результат сложения двух чисел: </p> <pre> <code>console.log(2.3 + 2.4)</code> <samp>4.699999999999999</samp></pre> </div> <div> <p> Неправильно введённая команда не будет выполнена и в консоли отобразится ошибка: </p> <samp> <span class="console-name">user@machine:~$</span> <kbd>ckear</kbd> <br> ckear: The term 'ckear' unidentified as a name of a cmdlet, function, script file, or executable program. <br> <span class="console-name">user@machine:~$</span> <span class="console-cursor">_</span> </samp> </div>