<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>
– для отображения предварительно отформатированного блока кода или текста.
Чем заменить этот тег
Если текст должен выглядеть как код, используйте тег <code>
, а если как предварительно отформатированный блок — выбирайте тег <pre>
.
Актуальность
Тег <tt>
устарел, не используйте его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023