Перейти к содержимому

HTML-тег <samp>

Тег <samp> содержит пример вывода компьютерной программы или скрипта. По умолчанию в браузере содержимое этого тега отображается моноширинным шрифтом.

Тег <samp> является элементом текстового потока (phrasing content), указывающим на то, что данный фрагмент текста имеет структурное значение.

Более выразительный результат можно получить с помощью CSS, хотя тег <samp> не считается устаревшим.

Шрифт по умолчанию в браузере можно переопределить с помощью CSS-правила для тега <samp>, обычно используя свойство font-family. Однако настройки браузера или пользовательские таблицы стилей (user-agent stylesheets) могут иметь приоритет над любыми заданными CSS-стилями.

Вместо <samp> можно использовать тег <output>, если требуется элемент-контейнер для вывода, генерируемого веб-сайтом или JavaScript-кодом.

Синтаксис

Тег <samp> используется парами. Содержимое размещается между открывающим (<samp>) и закрывающим (</samp>) тегами.

Пример использования HTML-тега <samp>:

HTML-тег <samp>

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>You see an ordinary text here. <samp>But this is a sample text.</samp> And another ordinary text.</p>
  </body>
</html>

Результат

samp tag example

В HTML существуют и другие элементы для выделения частей технического документа: тег <code> используется для определения исходного кода программы, тег <kbd> — для указания ввода с клавиатуры, а тег <var> — для обозначения переменных. Хотя и <code>, и <samp> отображаются моноширинным шрифтом, <code> представляет собой исходный код, тогда как <samp> — это вывод, сгенерированный этим кодом.

Атрибуты

Тег <samp> поддерживает глобальные атрибуты и атрибуты событий.

Как стилизовать HTML-тег <samp>

css
samp {
  /* Overrides the default monospace font */
  font-family: Arial, sans-serif;
  color: #333;
}

Практика

Какова цель HTML-тега <samp> и как он используется?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.