/html/global-attributes/title:> Поясняющая надпись_
Глобальный атрибут title
Синтаксис
(X)HTML
<[элемент] title="[значение]"> ... </[элемент]>
Описание
Глобальный атрибут / параметр title
(от англ. "title" ‒ «название, заглавие, надпись») указывает текстовую подсказку для элемента, которая всплывает, когда на элемент наводиться курсор указателя.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Android
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | ||
3.2 | ||
4.01 | 7.4.3 The title attribute DTD: Transitional
Strict
Frameset
|
Перевод |
5.0 | 3.2.5.2 The title attribute | Перевод |
5.1 | 3.2.5.2. The title attribute | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения указывается текст подсказки.
Примечание. Перевод строки во всплывающей подсказке можно сделать 2 способами:
- сделать перевод строки (нажатием клавиши «Enter») непосредственно в значении данного атрибута (т.е. разбить значение на две и более строк);
- вставить в значение данного атрибута символьную ссылку перевода строки ‒ « ».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр title</title>
<style type="text/css">
.box { width: 200px;
height: 50px;
border: 1px solid black;
background-color: green; }
</style>
</head>
<body>
<h1>Пример с параметром "title"</h1>
<div class="box" title="Зелёный блок с чёрной рамкой"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр title</title>
<style type="text/css">
.box { width: 200px;
height: 50px;
border: 1px solid black;
background-color: green; }
</style>
</head>
<body>
<h1>Пример с параметром "title"</h1>
<div class="box" title="Зелёный блок с чёрной рамкой"></div>
</body>
</html>
Глобальный параметр title