Как добавить значок сайта в HTML

Узнайте, как добавить значок сайта в HTML (Favicon).

Как добавить значок сайта в HTML

Значок сайта (favicon) - это маленькое изображение, отображаемое рядом с заголовком страницы в вкладке браузера.

Вы можете использовать любое изображение, которое вам нравится, в качестве значка сайта. Вы также можете создать свой значок сайта на таких сайтах, как https://favicon.cc.

Совет:Значок сайта - это маленькое изображение, поэтому он должен быть простым и с высокой контрастностью.

Значок сайта отображается слева от заголовка страницы в вкладке браузера, как показано ниже:

Пример значка сайта

Чтобы добавить значок сайта на ваш веб-сайт, сохраните изображение значка сайта в корневой каталог веб-сервера или создайте папку "images" в корневом каталоге и сохраните изображение значка сайта в этой папке. Обычное имя изображения значка сайта - "favicon.ico".

Далее, в файле "index.html" добавьте <title> Добавьте после элемента <link> Элементы, как показано ниже:

<!DOCTYPE html>
<html>
<head>
  <title>Моя страница</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Это заголовок</h1>
<p>Это абзац.</p>
</body>
</html>

Попробуйте это сами

Теперь сохраните файл "index.html" и перезагрузите его в браузере. Ваша вкладка браузера теперь должна отображать значок вашего сайта слева от заголовка страницы.