Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ ПРОГРАММЫ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Учебники


HTML Формы


HTML Графика


HTML Медиа


HTML API Интерфейсы


HTML Примеры


HTML Ссылки



HTML favicon



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


Как добавить иконку в HTML

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

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

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

Пример значка

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Мой первый заголовок</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>

<h1>Это заголовок</h1>
<p>This is a paragraph.</p>

</body>
</html>

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



Поддержка файла favicon

В следующей таблице показана поддержка формата файла для изображения favicon:

Браузер ICO PNG GIF JPEG SVG
Edge Да Да Да Да Да
Chrome Да Да Да Да Да
Firefox Да Да Да Да Да
Opera Да Да Да Да Да
Safari Да Да Да Да Да

Краткое содержание главы

  • Используйте элемент HTML <link> для вставки значка

HTML link

Тег Описание
<link> Определяет связь между документом и внешним ресурсом

Для получения полного списка всех доступных HTML тегов Справочник HTML Тегов.



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.