Кратко
СкопированоТег <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>