Как изменить название сайта в html
Перейти к содержимому

Как изменить название сайта в html

  • автор:

Заголовок HTML-страницы

Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

Заголовок страницы это тот текст, который отображается в левом верхнем углу браузера, а также во вкладках.

Чтобы задать заголовок страницы, нужно использовать тег внутри тега . Например, вот так:

 Тренажёры — HTML Academy 

Так выглядит заголовок страницы во вкладке браузера Mozilla Firefox.

Заголовок HTML-страницы в Mozilla Firefox

Перейти к заданию

  • index.html Сплит-режим
  • style.css Сплит-режим

Просто Кексик

Тег <title>

Этот тег обозначает заголовок страницы.

Он позволяет очень удобно ориентироваться между множеством открытых вкладок.

Инструктор Кекс рекомендует использовать понятные заголовки.


Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ

Спасибо! Мы скоро всё исправим)

Автозапуск

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

Увеличить 100% Уменьшить
Задачи Выполнено

  1. Измените заголовок страницы с Просто Кексик на Инструктор Кекс .

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

  • Наша группа в ВК
  • Наша страница в Twitter
  • Наш канал в Telegram

Практикум

  • Курсы для новичков
  • Подписка
  • Для команд и компаний
  • Учебник по PHP

Профессии

  • Фронтенд-разработчик
  • JavaScript-разработчик
  • Фулстек-разработчик
  • HTML и CSS.
    Профессиональная вёрстка сайтов
  • HTML и CSS.
    Адаптивная вёрстка и автоматизация
  • JavaScript.
    Профессиональная разработка веб-интерфейсов
  • JavaScript.
    Архитектура клиентских приложений
  • React.
    Разработка сложных клиентских приложений
  • Node.js.
    Профессиональная разработка REST API
  • Node.js и Nest.js.
    Микросервисная архитектура
  • TypeScript. Теория типов
  • Алгоритмы и структуры данных
  • Паттерны проектирования
  • Webpack
  • Vue.js 3. Разработка клиентских приложений
  • Git и GitHub
  • Анимация для фронтендеров
  • Учебник по Git
  • Справочник по HTML
  • Истории успеха

Информация

  • Об Академии
  • О центре карьеры

Тег HTML заголовок страницы

Тег определяет заголовок HTML страницы. Этот тег не отображается на самой веб странице. Браузеры обычно выводят его как название вкладки. Также тег title используется поисковыми системами как заголовок сайта в выдаче.

Не путайте HTML тег с глобальным атрибутом title — это разные вещи.

Элемент находится в области страницы (подробнее про раздел head). Можно использовать только один тег title на странице.

Синтаксис

Заголовок HTML документа

Содержимое тега заголовка используется:

  • как название вкладки в браузере;
  • как название страницы при добавлении в Избранные или Закладки;
  • как заголовок сниппета сайта в поисковой выдаче.

Атрибуты у тега title отсутствуют.

Пример использования в HTML коде

Заголовок страницы

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
Да Да Да Да Да

Тег title в поисковых системах

Поисковые системы используют содержимое тега title страницы для построения заголовка сниппета сайта в выдаче.

Тег title в поисковой выдаче

Чтобы правильно заполнять тег нужно учитывать следующие правила:

  • Пишите внутри title только то, что соответствует содержанию страницы.
  • Не пишите слишком длинные заголовки.
  • Не стоит делать из заголовка перечисление ключевых слов.
  • Ставьте наиболее важную информацию в начало заголовка.

Правильный тег поспособствует поднятию позиции страницы сайта при ранжировании.

Многие CMS поддерживают автогенерацию заголовка. Обычно при этом используется заголовок страницы и название раздела сайта (например, для страницы товара интернет магазина: название товара из h1 и категория товара). Хотя эта схема не является идеальной, ее использование оправдано во многих случаях.

Вот пример тега title для этой страницы (один из вариантов):

Тег title HTML заголовок страницы - справочник HTML тегов Guru Weba

Как изменить title в html документе

В чатах, когда приходит сообщение, с помощью очевидно JS меняют title — так мы видим, что пришло сообщение. Подскажите, как это сделать?

Отслеживать
310 2 2 серебряных знака 12 12 бронзовых знаков
задан 11 апр 2017 в 13:29
482 3 3 серебряных знака 21 21 бронзовый знак
Можно менять favicon: lab.ejci.net/favico.js
11 апр 2017 в 14:29

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Для этого достаточно просто менять document.title , к примеру:

document.title = 'Новое сообщение'; 

Но учтите что в плане SEO это не одобряют.

Отслеживать
ответ дан 11 апр 2017 в 13:33
9,081 2 2 золотых знака 16 16 серебряных знаков 35 35 бронзовых знаков

  • javascript
  • html
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как изменять название вкладки при выходе из сайта?

Как изменять название вкладки при выходе из сайта? Видел на пару сайтах когда уходишь из сайта, а он по прежнему открыт в вкладке, то название меняется по типу «ждем вашего возращения» и тд. Как это сделать ?

  • Вопрос задан более года назад
  • 111 просмотров

Комментировать

Решения вопроса 2

goshaLoonny @goshaLoonny

Для этого есть API видимости страницы
Заголовок страницы меня есть так: document.title = «Новый заголовок»

Ответ написан более года назад

Нравится 1 1 комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *