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

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

Тег <tt> используется для отображения текста в моноширинном шрифте, например, для обозначения кода или примеров пользовательского ввода.

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

<tt>Этот текст будет отображаться как моноширинный шрифт.</tt>

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

Тег устарел и не является частью спецификации HTML Living Standard.

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

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

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

Отображение кода:

<p>Для запуска программы используйте команду <tt>python app.py</tt>.</p>

Показ пользовательского ввода:

<p>Введите свой адрес электронной почты: <tt>example@mail.com</tt></p>

Отображение команд в терминале:

<p>Запустите терминал и выполните команду <tt>cd my_folder</tt>.</p>

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

  • Выделить код на странице.
  • Отобразить команды в терминале.
  • Показать логи или другую текстовую информацию, где важна точность форматирования.

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

У тега <tt> нет специфических атрибутов.

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

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

Ограничения

Тег <tt> устарел, не используйте его.

Нюансы

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

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

Тег поддерживается всеми современными браузерами.
Актуальная информация — на caniuse.

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

Вместо тега <tt> следует использовать:

  • <code> – для отображения фрагмента кода или команды, встроенных в текст.
  • <pre> – для отображения предварительно отформатированного блока кода или текста.

Чем заменить этот тег

Если текст должен выглядеть как код, используйте тег <code>, а если как предварительно отформатированный блок — выбирайте тег <pre>.

Актуальность

Тег <tt> устарел, не используйте его в веб-разработке.


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

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


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023