<tt>: Элемент текста телетипа

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

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

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

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

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

Атрибуты

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

Примеры

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

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

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>

Результат

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

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

CSS

css

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

HTML

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> по умолчанию отображается с помощью непропорционального шрифта по умолчанию браузера. Вы можете переопределить это, создав правило с помощью селектора 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
`tt`	1	12	1 До Firefox 4, этот элемент реализовывал интерфейс `HTMLSpanElement` вместо стандартного интерфейса `HTMLElement`.	15	≤4	18	4 До Firefox 4, этот элемент реализовывал интерфейс `HTMLSpanElement` вместо стандартного интерфейса `HTMLElement`.	14	≤3.2	1.0	4.4

См. также

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

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