<tt>

25 января 2023

❌ Эта статья об устаревшем теге, спецификация 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> – для отображения предварительно отформатированного блока кода или текста.