Клавиша / esc

<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>

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