Как сделать — добавить фавиконку в HTML
Узнайте, как добавить значок в HTML.
Как добавить фавикон в HTML
Фавикон — это небольшое изображение, отображаемое рядом с заголовком страницы во вкладке браузера.
Вы можете использовать любое понравившееся вам изображение в качестве фавиконки. Вы также можете создать свой собственный значок на таких сайтах, как https://favicon.cc .
Совет: фавикон — это небольшое изображение, поэтому оно должно быть простым и контрастным.
Изображение фавикона отображается слева от заголовка страницы на вкладке браузера, например:
Чтобы добавить значок на свой веб-сайт, либо сохраните изображение значка в корневом каталоге вашего веб-сервера, либо создайте папку в корневом каталоге с именем images и сохраните изображение значка в этой папке. Распространенное название изображения фавикона — «favicon.ico».
Затем добавьте <link>
элемент в файл index.html после <title>
элемента, например:
Пример
<!DOCTYPE html>
<html>
<head>
<title>My Page
Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Теперь сохраните файл index.html и перезагрузите его в браузере. Теперь на вкладке вашего браузера слева от заголовка страницы должно отображаться изображение вашего фавикона.