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

Описание

Атрибут id для тега <tt> задаёт уникальный идентификатор элементу моноширинного текста. Хотя тег <tt> считается устаревшим в HTML5, атрибут id сохраняет свою актуальность для любых HTML-элементов.

Пример использования:
<tt id="error-message">Ошибка: файл не найден</tt>

Основные характеристики:

  • Должен быть уникальным в пределах документа
  • Чувствителен к регистру
  • Не должен содержать пробелов
  • Может начинаться с буквы, цифры, подчёркивания или дефиса

Использование с CSS:

<style> #console-output { font-family: 'Courier New', monospace; background-color: #222; color: #0f0; padding: 10px; } </style> <tt id="console-output">System ready</tt>

Использование с JavaScript:

<tt id="dynamic-text">Исходный текст</tt> <script> // Изменение текста по id document.getElementById('dynamic-text').textContent = 'Новый текст'; // Добавление класса document.getElementById('dynamic-text').classList.add('highlight'); </script>

Рекомендации по именованию:

Тип идентификатора Хороший пример Плохой пример
По назначению error-message tt1
По типу контента code-sample c123
По расположению header-tt tt-header

Ограничения:

  • Нельзя использовать несколько ID для одного элемента
  • Изменение ID может сломать существующий функционал
  • Не рекомендуется для чисто стилевых целей

Примечание: Хотя тег <tt> устарел, принципы использования атрибута id остаются актуальными для всех HTML-элементов.