<samp>

Программа запущена - что она ответит? Элемент для показа пользователю выходных данных программы.

Время чтения: меньше 5 мин

Кратко

Скопировано

Тег <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>

        
        
          
        
      
Открыть демо в новой вкладке