Атрибут title тега <font>
Описание
Атрибут title в теге <font> добавляет всплывающую подсказку к тексту при наведении курсора. Хотя технически это работает, тег <font> считается устаревшим в HTML5.
<font title="Это важное примечание" color="red">
Внимание! Этот текст требует особого внимания
</font>
Современная альтернатива:
<span class="important-text" title="Это важное примечание">
Внимание! Этот текст требует особого внимания
</span>
<style>
.important-text {
color: red;
font-weight: bold;
}
</style>
Особенности работы:
| Характеристика | Описание |
|---|---|
| Отображение | Подсказка появляется при наведении |
| Доступность | Читается скринридерами |
| Ограничения | Не поддерживает HTML-форматирование |
Рекомендации:
- Вместо <font title="..."> используйте:
- <span title="..."> для обычного текста
- <abbr title="..."> для сокращений
- Семантические теги с атрибутом title
- Для важной информации используйте видимые подсказки
- Избегайте дублирования содержимого в title
Правила хорошего тона:
- Будьте краткими (60-120 символов)
- Используйте для дополнительной, а не основной информации
- Проверяйте отображение в разных браузерах
- Не полагайтесь только на title для важных подсказок
Примечание: Хотя атрибут title продолжает работать в современных браузерах, сам тег <font> считается устаревшим. Для создания доступных и современных интерфейсов используйте семантические HTML-элементы в сочетании с CSS.