Какими способами я могу разместить значок на своем сайте?

StackOverflow https://stackoverflow.com/questions/1273713

  •  16-09-2019
  •  | 
  •  

Вопрос

Я просматривал в Интернете то, как разные сайты размещают свои значки на сайте.Всякий раз, когда я пытаюсь сделать это сам, я заканчиваю тем, что "взламываю", пока это просто внезапно не решает сработать.

Я полагаю, у меня здесь есть 2 вопроса в одном.

  1. Как этот сайт добавляет свой значок?- http://www.fbd.ie

    Я не могу найти значок.ico в исходном коде страницы.

  2. Помимо включения <link rel="shortcut icon" href="/favicon.ico">, как я могу включить значок?

Это было полезно?

Решение

  1. Вероятно, у него просто есть файл под названием favicon.ico в корневом каталоге веб-сайта.Большинство браузеров будут просто искать там по умолчанию, независимо от того, есть ли <link> помечать или нет.
  2. Смотрите ответ на вопрос № 1.

Другие советы

Самый простой способ добавить значок - это просто поместить файл с именем favicon.ico в корневой каталог вашего веб-сайта.

Браузеры найдут его автоматически.

Вы также можете специально поместить в <link> пометка.Любой из них будет работать:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">

Редактировать:Я вижу, вы это уже знали.:D

Все, что вам нужно сделать, это включить файл в корневой каталог вашего сайта.Браузеры предназначены для запроса этого автоматически - вы увидите большое количество запросов на it 404ing в своих веб-журналах, если у вас их нет!.

Из википедии:

Первоначальный способ определения значка, представленный в Internet Explorer 4, заключался в размещении файла с именем favicon.ico в корневом каталоге веб-сервера.Это будет затем автоматически использоваться в Internet Избранное (закладки) Проводника отображение.Позже, однако, была создана более гибкая система, использующая HTML для указания местоположения значка для любой заданной страницы.Как подробно описано ниже, это достигается путем добавления элемента link в раздел документа , который определяет тип файла изображения и его местоположение.В таким образом, может быть использован любой файл изображения, определенный стандартом .

Важным моментом является то, что вам не нужно ничего делать в вашей HTML-разметке или любом другом файле ресурсов.Просто сбросьте файл в корневой каталог.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top