Тег <tt>
Описание
Тег <tt> (Teletype Text) - устаревший HTML-элемент, который использовался для отображения текста моноширинным шрифтом, имитирующим вывод телетайпа. В HTML5 помечен как устаревший и заменён более семантическими тегами.
<p>Пример <tt>моноширинного текста</tt> в строке</p>
Исторические атрибуты:
- Не имел специальных атрибутов (только глобальные)
- По умолчанию отображался моноширинным шрифтом (обычно Courier)
Современные альтернативы:
<!-- Для общего моноширинного текста -->
<span style="font-family: monospace">Текст</span>
<!-- Для кода -->
<code>примерКода()</code>
<!-- Для ввода с клавиатуры -->
<kbd>Ctrl+C</kbd>
<!-- Для вывода программы -->
<samp>Результат: 42</samp>
<!-- Семантическое выделение -->
<pre>Форматированный
текст</pre>
Проблемы использования <tt>:
- Не имеет семантического значения (чисто презентационный)
- Удалён из спецификации HTML5
- Ограниченные возможности стилизации
- Плохая поддержка в современных браузерах
Рекомендации по замене:
- Для кода используйте
<code>или<pre> - Для клавиатурного ввода применяйте
<kbd> - Для общего моноширинного текста используйте CSS
- Для терминального вывода выбирайте
<samp>
<style>
.monospace {
font-family: "Courier New", monospace;
background-color: #f5f5f5;
padding: 2px 4px;
border-radius: 3px;
}
</style>
<p>Пример <span class="monospace">стилизованного моноширинного текста</span></p>
Хотя тег <tt> продолжает работать в браузерах для обратной совместимости, в современной веб-разработке следует использовать семантические альтернативы или CSS для достижения аналогичного визуального эффекта.
Атрибуты
| accesskey | Горячая клавиша для активации |
| class | CSS-классы для стилизации |
| contenteditable | Разрешает редактирование |
| data-* | Пользовательские данные |
| dir | Направление текста |
| hidden | Скрывает элемент |
| id | Уникальный идентификатор |
| lang | Язык содержимого |
| style | Инлайновые стили |
| tabindex | Порядок перехода |
| title | Всплывающая подсказка |
| translate | Определяет возможность перевода |
| align | Горизонтальное выравнивание |
| color | Цвет текста |
| face | Название шрифта |
| size | Размер шрифта |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 3.0 | 1.0 | 1.0 | 1.0 | 1.0 |