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

Leave a Comment / Разное / By /

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

❌ Эта статья об устаревшем теге, спецификация 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 
 
[email protected]:~$ md5 -s "Привет, мир"
MD5 ("Привет, мир") = 3e25960a79dbc69b674cd4ec67a72c62
[email protected]:~$ █

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

CSS

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

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

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

Результат

Результат:

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

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

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

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

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

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

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