Spec-Zone.ru › HTML

<tt> Элемент HTML для телетайпного текста

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему её поддерживать, она уже могла быть удалена из соответствующих веб-стандартов, может находиться в процессе удаления или поддерживаться только в целях совместимости. Избегайте её использования и по возможности обновите существующий код; чтобы принять решение, см. таблицу совместимости внизу этой страницы. Обратите внимание, что эта функция может перестать работать в любой момент.

Элемент <tt> HTML создаёт встроенный текст, отображаемый шрифтом с фиксированной шириной символов, используемым пользовательским агентом по умолчанию. Этот элемент был создан для отображения текста так, как он выглядел бы на дисплее с фиксированной шириной, например на телетайпе, текстовом экране или построчном принтере.

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

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

Примечание: Если ни один из семантических элементов не подходит для вашего случая (например, если нужно показать содержимое шрифтом с фиксированной шириной символов), рассмотрите возможность использования элемента <span> и его оформления с помощью CSS. Хорошей отправной точкой будет свойство font-family.

Атрибуты

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

Примеры

>

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

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

<p>
  Enter the following at the telnet command prompt:
  <code>set localecho</code><br />

  The telnet client should display: <tt>Local Echo is on</tt>
</p>

Результат

Переопределение шрифта по умолчанию

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

CSS

tt {
  font-family: "Lucida Console", "Menlo", "Monaco", "Courier New", monospace;
}

HTML

<p>
  Enter the following at the telnet command prompt:
  <code>set localecho</code><br />

  The telnet client should display: <tt>Local Echo is on</tt>
</p>

Результат

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

По умолчанию элемент <tt> отображается шрифтом с фиксированной шириной символов, заданным в браузере. Это можно переопределить с помощью CSS, создав правило с селектором tt, как показано в приведённом выше примере «Переопределение шрифта по умолчанию».

Примечание: Изменения настройки шрифта с фиксированной шириной символов по умолчанию, заданные пользователем, могут иметь приоритет над вашим CSS.

Хотя этот элемент официально не был признан устаревшим в HTML 4.01, его использование не рекомендовалось в пользу семантических элементов и/или CSS. Элемент <tt> устарел в HTML 5.

Техническая сводка

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

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

Спецификация
HTML>
# tt>

Совместимость с браузерами

Настольные Мобильные
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android WebView на iOS
tt 1 12
1До Firefox 4 этот элемент реализовывал интерфейс HTMLSpanElement вместо стандартного интерфейса HTMLElement.
15 ≤4 18
4До Firefox для Android 4 этот элемент реализовывал интерфейс HTMLSpanElement вместо стандартного интерфейса HTMLElement.
14 ≤3.2 1.0 4.4 ≤3.2

См. также

  • Семантические элементы <code>, <var>, <kbd> и <samp>
  • Элемент <pre> для отображения предварительно отформатированных блоков текста

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tt

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API