Теги для самп: Тег | 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Викликається, коли користувач щось пише в поле пошуку (для &lt;input type=&quot;search&quot;&gt;)
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Скрипт виконується коли змінюється кий в &lt;track&gt; елемента
ondurationchangeВикликається коли змінюється довжина медіа файлу.
onemptiedВикликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею).
onendedВикликається коли медіа елемент повністю відтворив свій зміст.
onshowВикликається, коли елемент &lt;menu&gt; буде відображено як контекстне меню.
onloadedmetadataСкрипт виконується коли метадані (розміри чи тривалість) завантажуються.
onloadeddataВикликається коли медіа данні завантажено.
onloadstartВикликається коли браузер тільки починає завантажувати медіа дані з сервера.
onpauseВикликається коли відтворення медіа даних призупинено.
onplayingВикликається коли розпочато відтворення медіа даних.
onprogressПодія onprogress відбувається, коли браузер завантажує вказане аудіо / відео.
onratechangeВикликається коли змінюється швидкість відтворення медіа даних.
onseekedВикликається коли атрибут seeked у тега audio або video змінює значення з true на false.
onseekingВикликається коли атрибут seeking у тегів audio або video змінює значення з false на true
onstalledСкрипт виконується коли браузер з будь-якої причини не може отримати медіа дані.
onsuspendСкрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження.
ontimeupdateВикликається коли змінилася позиція відтворення елемента &lt;audio&gt; або &lt;video&gt;.
onvolumechangeВикликається коли змінюється гучність звуку.
onwaitingВикликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться.
ontoggleВикликається, коли користувач відкриває або закриває елемент &lt;details&gt;.
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.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *