В HTML вы не можете автоматически менять значение атрибута title в зависимости от выбранной вкладки. Значение атрибута title представляет собой простой текст, который отображается во всплывающей подсказке при наведении курсора на элемент. Однако, вы можете менять значение заголовка страницы (показывающегося во вкладке браузера) с помощью JavaScript.
Вот как можно это сделать:
1. Сначала добавьте элемент title в тег head вашего HTML-документа. Например:
<head> <title id="page-title">Default Title</title> </head>
2. Затем добавьте следующий код JavaScript внутри вашего тега head или внешний скрипт:
<script>
// Функция для изменения значения заголовка
function changePageTitle(title) {
var pageTitle = document.getElementById("page-title");
pageTitle.innerHTML = title;
}
// Событие, которое будет вызываться при изменении вкладки
window.onblur = function() {
changePageTitle("New Title");
}
// Событие, которое будет вызываться при возврате на вкладку
window.onfocus = function() {
changePageTitle("Default Title");
}
</script>
В этом примере мы используем события onblur и onfocus. onblur вызывается, когда пользователь переключается на другую вкладку, а onfocus вызывается, когда пользователь возвращается на текущую вкладку. Внутри функций, связанных с этими событиями, мы вызываем функцию changePageTitle, которая устанавливает значение элемента title.
Теперь при переключении вкладок в вашем браузере, значение заголовка страницы будет меняться соответствующим образом. При входе на страницу будет установлено значение "Default Title", а когда вы переключаетесь на другую вкладку, заголовок изменится на "New Title".
Учтите, что это только пример, и вы можете настроить его под свои нужды, изменяя значения в функциях changePageTitle.