Элемент <title>

Элемент <title> (от англ. title — заголовок, название) определяет заголовок документа, который отображается на вкладке браузера.

Элемент <title> является обязательным для каждого HTML-документа. В документе может быть только один элемент <title>, и он должен быть расположен внутри элемента <head>.

Другие элементы внутри <title> не обрабатываются браузером и воспринимаются как обычный текст. Однако, код, определяющий спецсимволы, браузеры обрабатывают, поэтому их можно использовать в названии документа.

Категории	Метаданные.
Синтаксис	`<title>...</title>`
Опускание тегов	Начальный и конечный теги обязательны.
Модель содержимого	Текст.

Примечание

Содержимое элемента <title> может иметь важное значение для SEO. В результатах поиска, поисковые системы используют текст заголовка в качестве названия ссылки. Грамотно подобранный заголовок привлекает внимание читателей бегло просматривающих результаты поиска.

При выборе заголовка стоит учитывать, что поисковые системы, как правило, отображают примерно 55-60 первых символов заголовка. Текст, превышающий это количество символов, может не показываться в результатах поиска. Поэтому, если вы собираетесь использовать более длинный заголовок, сперва убедитесь, что важные части появляются в тексте раньше и что нет ничего критично важного в части заголовка, которая может быть отброшена.

При сохранении ссылки на веб-страницу на локальном компьютере, имя сохраняемого файла (ярлыка) будет совпадать с заголовком документа. Если в заголовке используются символы, которые являются недопустимыми символами в имени файла (: / \ | ? * " < >), они будут проигнорированы.

Атрибуты

Для элемента <title> доступны глобальные атрибуты и события.

Стиль по умолчанию

Ниже показан стиль по умолчанию для элемента <title>, определённый в спецификации HTML:

title { display: none; }

Пример

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
<!-- Сохранив этот код в HTML-документе и затем
  открыв его в браузере, заголовок можно увидеть
  на вкладке браузера -->
    <title>Заголовок</title>
  </head>
  <body>
    <p>Просто какой-то текст.</p>
  </body>
</html>

Результат

Просто какой-то текст.