HTML глобальный атрибут title
Определение и применение
Глобальный атрибут title указывает дополнительную текстовую подсказку о содержимом при наведении курсора
на элемент (всплывающая подсказка). Чаще всего атрибут используется совместно с изображениями, ссылками и текстом.
Синтаксис:
<element title = "text">
Важные сведения размещайте в видимом тексте. Подсказка title может быть недоступна при касании или
управлении с клавиатуры; её чтение программами экранного доступа зависит от контекста. Она не заменяет подпись поля,
название кнопки или alt изображения. Перевод строки внутри значения позволяет задать многострочную
подсказку.
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
title | 1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 | ≤3.2 |
| Multi-line titles | ≤64 | 12 | ≤58 | ≤51 | ≤11 | ≤64 | ≤58 | ≤47 | ≤11 | ≤9.0 | ≤64 | ≤11 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Значения атрибута
| Значение | Описание |
|---|---|
text |
Текстовая подсказка о содержимом элемента (появляется при наведении курсором на элемент). |
Если title отсутствует, может использоваться подсказка предка. Пустое значение
title="" прекращает такое наследование. Не помещайте в подсказку единственную инструкцию для выполнения
действия.
Примеры, попробуйте сами
Глобальный атрибут title
Наведите указатель на сокращение. Подсказка title не заменяет видимое пояснение и может быть недоступна при касании.
index.html
<p><abbr title="HyperText Markup Language">HTML</abbr> — язык разметки.</p>
Тони готовит пример…Многострочная подсказка
Наведите указатель на абзац: перевод строки в значении title разделяет текст подсказки. Объедините строки и наведите указатель повторно. Подсказка зависит от браузера; важные сведения должны оставаться в видимом тексте и быть доступны без наведения.
index.html
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Пример использования атрибута title</title>
</head>
<body>
<p title="Карликовый пинчер
Порода родом из Германии">Тони — маленькая собака с большим характером. Он весит 8 кг и любит гулять в любую погоду.</p>
</body>
</html>
Отличия HTML 4.01 от HTML 5
В HTML5, атрибутtitle может быть использован к любому элементу HTML (пройдёт валидацию), но в некоторых
случаях в этом нет необходимости.
В HTML 4.01, атрибут title не может быть применён к следующим элементам: