Элемент title

Влад Мержевич

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

Заголовок в браузере Chrome

Рис. 1. Заголовок в браузере Chrome

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

Пример 1. Пустой заголовок

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title> </title>
 </head>
 <body> 
  <p>Текст</p>
 </body>
</html>

На деле заголовок не пустой, поскольку содержит пробел. Пустой заголовок не содержащий ни одного символа, включая пробел, не допустим.

Также запрещено включать в код два и более элемента <title>, он должен быть только один. Любые теги внутри <title> отображаются как обычный текст со всеми угловыми скобками < и >, также можно использовать спецсимволы (например: &copy;) или текст в юникоде. В примере 2 показаны примеры корректных заголовков.

Пример 2. Допустимые заголовки

<title>H<sub>2</sub>O</title>
<title>&copy; Copyright Ваня Шапочкин</title>
<title>Компания Арес&reg;</title>
<title>Ʊ Быки и коровы</title>

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.