Теги для самп: Тег | htmlbook.ru

— журнал «Доктайп»

❌ Эта статья об устаревшем теге, спецификация HTML не рекомендует использовать его в веб-разработке.

Что делает тег

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

Синтаксис тега <samp>

<samp>Здесь текст, который нужно показать как программный код</samp>

Спецификация HTML

Тег <samp> является устаревшим, начиная с HTML 5. Его поведение было определено в спецификации HTML 4.01.

Семантический или нет

Тег <samp> не считается семантическим, так как не придаёт никакого конкретного значения содержимому.

Примеры использования

Показать пользователю пример кода:

<p>Введите свои учетные данные:</p>
<label for="username">Имя пользователя:</label>
<input type="text">>
<br>
<label for="password">Пароль:</label>
<input type="password">>
<br>
<button>Войти</button>

<p>Пример выходных данных:</p>
<samp>
Добро пожаловать, <username>!
Последний раз вы входили: <last_login_time>. 
</samp>

Показать пример вывода командной строки:

<p>Выполните следующие команды:</p>
<samp>
$ cd my_project
$ npm install
$ npm start
</samp>

Показать пример запроса к API:

<p>Пример запроса к API:</p>
<samp>
GET /api/products HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:87.0) Gecko/20100101 Firefox/87.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Referer: https://example.com/
</samp>

Для чего использовать тег <samp>

• Отображение командной строки.
• Отображение кода.
• Отображение примера вывода.
• Отображение входных данных.
• Отображение выходных данных.

Атрибуты тега <samp>

Тег <samp> не имеет специфичных атрибутов.

Глобальные атрибуты

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

Ограничения

Тег <samp> не имеет особых ограничений, но следует помнить, что он используется только для отображения текста, а не для передачи информации. Если необходимо передать данные на сервер, нужно использовать другие теги, такие как <input> или <textarea>.

Нюансы

• Тег предназначен только для отображения текста, а не для передачи информации.
• Если нужно отобразить большой объем кода, лучше использовать тег <pre> вместо <samp>.

Поддержка браузерами

Тег <samp> поддерживается всеми современными браузерами.

Актуальная информация — на caniuse.

Альтернативные теги

В некоторых случаях тег <code> может быть использован вместо <samp> для отображения компьютерного кода.

---

Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.

Попробовать

HTML тег

onplay	Скрипт викликається коли медіа дані готові почати відтворення.
onafterprint	Скрипт виконується тільки після як документ надрукований.
onbeforeprint	Скрипт виконується перед тим, як документ надрукований.
onbeforeunload	Скрипт виконується коли документ ось-ось буде вивантажений
onhashchange	Скрипт виконується коли там відбулися зміни до частини якоря в URL
onload	Викликається після того як завантаження елемента завершене.
onmessage	Скрипт виконується коли викликане повідомлення.
onoffline	Спрацьовує коли браузер починає працювати в автономному режимі
ononline	Спрацьовує коли браузер починає працювати в режимі онлай.
onpagehide	Скрипт виконується коли користувач переходить на іншу сторінку сторінку.
onpageshow	Скрипт виконується коли користувач заходить на сторінку.
onpopstate	Скрипт виконується коли змінено історію одного вікна.
onresize	Скрипт виконується, коли розмір вікна браузера змінюється.
onstorage	Скрипт виконується, коли вміст Web Storage оновлюється.
onunload	Викликається, коли сторінка розвантажена, або вікно браузера було зачинено.
onblur	Скрипт виконується, коли елемент втрачає фокус.
onchange	Викликається в той момент, коли значення елемента змінюється.
oncontextmenu	Скрипт виконується коли викликається контекстне меню.
onfocus	Викликається в той момент, коли елемент отримує фокус.
oninput	Скрипт викликається коли користувач вводить дані поле.
oninvalid	Скрипт виконується, коли елемент недійсний.
onreset	Викликається, коли натискається у формі кнопка типу Reset.
onsearch	Викликається, коли користувач щось пише в поле пошуку (для <input type="search">)
onselect	Викликаєтсья після того як будь-який текст був обраний в елементі.
onsubmit	Викликається при відправленні форми.
onkeydown	Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу.
onkeypress	Викликається коли корисрувач натиснув на клавішу.
onkeyup	Викликається коли користувач відпускає клавішу.
ondblclick	Виникає при подвійному клацанні ЛКМ на елементі.
ondrag	Періодично викликається при операції перетягування.
ondragend	Викликається коли користувач відпускає перелягуваний елемент.
ondragenter	Викликається, коли перетягуваний елемент входить в цільову зону.
ondragleave	Викликається, коли перетягуваний елемент виходть з зони призначення.
ondragover	Викликається, коли перетягуваний елемент знаходиться в зоні призначення.
ondragstart	Викликається, коли користувач починає перетягувати елемент, або виділений текст.
ondrop	Викликається, коли перетягуваний елемент падає до зони призначення.
onmousedown	Викликається, коли користувач затискає ЛКМ на елементі.
onmousemove	Викликається, коли курсор миші переміщається над елементом.
onmouseout	Викликається, коли курсор виходить за межі елемента.
onmouseover	Виконується, коли курсор наводиться на елемент.
onmouseup	Викликається, коли користувач відпускає кнопку миші.
onscroll	Викликається при прокручуванні вмісту елемента (чи веб-сторінки).
onwheel	Викликається, коли користувач прокручує коліщатко миші.
oncopy	Викликається, коли користувач копіює вміст елемента.
oncut	Викликається, коли користувач вирізає вміст елемента.
onpaste	Викликається, коли користувач вставляє вміст в елемент.
onabort	Виконується при перериванні якоїсь події.
oncanplay	Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення)
oncanplaythrough	Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію.
oncuechange	Скрипт виконується коли змінюється кий в <track> елемента
ondurationchange	Викликається коли змінюється довжина медіа файлу.
onemptied	Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею).
onended	Викликається коли медіа елемент повністю відтворив свій зміст.
onshow	Викликається, коли елемент <menu> буде відображено як контекстне меню.
onloadedmetadata	Скрипт виконується коли метадані (розміри чи тривалість) завантажуються.
onloadeddata	Викликається коли медіа данні завантажено.
onloadstart	Викликається коли браузер тільки починає завантажувати медіа дані з сервера.
onpause	Викликається коли відтворення медіа даних призупинено.
onplaying	Викликається коли розпочато відтворення медіа даних.
onprogress	Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео.
onratechange	Викликається коли змінюється швидкість відтворення медіа даних.
onseeked	Викликається коли атрибут seeked у тега audio або video змінює значення з true на false.
onseeking	Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true
onstalled	Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані.
onsuspend	Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження.
ontimeupdate	Викликається коли змінилася позиція відтворення елемента <audio> або <video>.
onvolumechange	Викликається коли змінюється гучність звуку.
onwaiting	Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться.
ontoggle	Викликається, коли користувач відкриває або закриває елемент <details>.
onerror	Викликається якщо при завантаженні елемента сталася помилка.
onclick	Подія викликається коли користувач клацає ЛКМ по елементу.

Тег HTML samp

❮ Назад Полный справочник HTML Далее ❯

Пример

Определить некоторый текст как образец вывода компьютерной программы в документе:

Сообщение с моего компьютера:

Файл не найден.
Нажмите Нажмите F1, чтобы продолжить

Попробуйте сами »

---

Определение и использование

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

Совет: Этот тег не устарел. Однако, можно добиться более богатого эффекта с помощью CSS.

Смотрите также:

Тег	Описание
<код>	Определяет часть компьютерного кода
	Определяет ввод с клавиатуры
<вар>	Определяет переменную
<пред>	Определяет предварительно отформатированный текст

---

Поддержка браузера

Элемент
<образец>	Да	Да	Да	Да	Да

---

---

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.

---

Атрибуты событий

Тег также поддерживает атрибуты событий в HTML.

---

Связанные страницы

Учебник HTML: Форматирование текста HTML

Справочник HTML DOM: Объект Samp

samp {
  семейство шрифтов: моноширинный;
}

Попробуйте сами »

❮ Предыдущий Полный справочник HTML Следующий ❯

ВЫБОР ЦВЕТА

---

---

---

Лучшие учебники

Учебник HTML
Учебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery

900 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Лучшие примеры

Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3. CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

---

ФОРУМ | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

: Элемент Sample Output - HTML: Язык гипертекстовой разметки

HTML-элемент используется для включения встроенного текста, который представляет образец (или цитату) вывода компьютерной программы. Его содержимое обычно отображается с использованием моноширинного шрифта браузера по умолчанию (например, Courier или Lucida Console).

Этот элемент включает только глобальные атрибуты.

Вы можете использовать правило CSS, чтобы переопределить шрифт браузера по умолчанию для элемент; однако возможно, что настройки браузера могут иметь приоритет над любым указанным вами CSS.

CSS для замены начертания шрифта по умолчанию будет выглядеть так:

 samp {
  семейство шрифтов: "Курьер";
}
 

Примечание: Если вам нужен элемент, который будет служить контейнером для вывода, сгенерированного кодом JavaScript вашего веб-сайта или приложения, вам следует вместо этого использовать элемент

.

Базовый пример

В этом простом примере абзац включает пример вывода программы.

 

  Когда процесс завершится, утилита выведет текст
  Сканирование завершено. Найдено N результатов. Затем вы можете перейти к
  следующий шаг.

 

Результирующий вывод выглядит следующим образом:

Пример вывода, включая пользовательский ввод

Вы можете вложить элемент в элемент , чтобы представить пример, который включает текст, введенный пользователем. Например, рассмотрите этот текст, представляющий расшифровку сеанса консоли Linux (или macOS):

HTML

 
mike@interwebz:~$ md5 -s "Привет, мир"
MD5 ("Привет, мир") = 3e25960a79dbc69b674cd4ec67a72c62
mike@interwebz:~$ █

Обратите внимание на использование , чтобы разрешить настройку внешнего вида определенных частей образца текста, таких как подсказки оболочки и курсор. Обратите также внимание на использование для представления команды, введенной пользователем в приглашении в образце текста.

CSS

CSS, обеспечивающий желаемый внешний вид:

 .prompt {
  цвет: #b00;
}
самп > кбд {
  вес шрифта: полужирный;
}
.курсор {
  цвет: #00b;
}
 

Это придает подсказке и курсору довольно тонкую окраску и придает смелость вводу с клавиатуры в образце текста.

Результат

Результат:

Категории контента	Потоковое содержание, фразовое содержание, ощутимое содержание.
Разрешенный контент	Фразы контента.
Отсутствие тега	Нет, начальный и конечный теги обязательны.
Разрешенные родители	Любой элемент, принимающий фразовое содержание.
Неявная роль ARIA	Нет соответствующей роли
Разрешенные роли ARIA	Любой
Интерфейс DOM	HTMLЭлемент

Спецификация
HTML Standard # SAMP-элемент

BCD TABLE TABLE TABLE TABLE TABLE TABLE. Включите JavaScript для просмотра данных.

• Связанные элементы: , ,

• Элемент
  : контейнер для вывода, созданного сценарием

Обнаружили проблему с содержанием этой страницы?

• Отредактируйте страницу на GitHub.