Как персонализировать тег <title>с помощью Javascript?

Question

Я бы хотел персонализировать тег <title>, чтобы он выглядел не так, как по умолчанию в браузерах. Я хочу, чтобы он имел черный фон и белый мелкий текст. Как мне это сделать? Благодаря.

Answer 1

Содержимое тега заголовка помещается в строку заголовка браузера.Это за пределами документа, в верхней части окна браузера.Вы не можете изменить внешний вид строки заголовка.

Answer 2

Это невозможно.Тег title отображается в заголовке окна, а не в документе, поэтому вы не можете изменить способ его отображения.

Answer 3

Это невозможно, это не классический элемент документа.

Answer 4

По умолчанию заголовок отображается только как часть браузера Chrome (по-разному, в зависимости от браузера), и не подлежит стилизации (по крайней мере, не с веб-страницы, я подозреваю, что вы можно было бы его стилизовать, если бы вы, например, писали XUL-приложение вместо веб-страницы).

Вы можете настроить его, если хотите, чтобы он отображался в окне просмотра браузера:

head, title { display: block; }
title { background: black; color: white; font-size: small; }

(Это повлияет только на заголовок, как показано в окне просмотра, любой рендеринг в браузере не будет затронут)