Перейти к содержимому

HTML-тег <tt>

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

Термины «моноширинный» (monospace) и «непропорциональный» (non-proportional) имеют одинаковое значение. Они используются взаимозаменяемо и описывают шрифт, символы которого имеют одинаковую ширину в пикселях.

DANGER

Тег <tt> является устаревшим HTML-тегом в HTML5.

Вместо тега <tt> используйте свойство CSS font-family или соответствующие HTML-элементы: тег <kbd> для ввода с клавиатуры, тег <var> для переменных, тег <code> для компьютерного кода, тег <samp> для вывода компьютера, тег <pre> для переносов строк и отступов.

Синтаксис

Тег <tt> используется парами. Содержимое записывается между открывающим (<tt>) и закрывающим (</tt>) тегами.

Пример использования HTML-тега <tt>:

HTML-тег <tt>

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p><tt>And this is a teletype text.</tt></p>
  </body>
</html>

Результат

пример тега tt

Пример использования CSS font-family вместо HTML-тега <tt>:

Пример с CSS

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p style="font-family: monospace">And this is a teletype text.</p>
  </body>
</html>

Атрибуты

Тег <tt> поддерживает Глобальные атрибуты.

Как стилизовать HTML-тег <tt>

json
{
    "tag_name": "tt"
}

Практика

Каково основное назначение HTML-тега <tt> и чем заменяется этот элемент в HTML5?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.