Настройка единого значка для всего веб-сайта

В настоящее время я использую этот бит кода для добавления значка на веб-сайт:

<link rel="shortcut icon" href="#" onclick="location.href='https://www.mysite.co.uk/images/favicon/favicon1.ico'; return false;" />

Однако этот код должен быть добавлен на каждую страницу HTML. Кто-нибудь знает, как установить глобальный значок?

Всюду, где я смотрел, мне сообщается, что я должен добавить его на каждую страницу.

UPDATE:

Chrome ищет файл favicon.ico в корневом каталоге.

Firefox нуждается в этом на каждой странице:

<link rel="icon" type="image/png" href="/favicon.png" />

Ответ 1

Для использования в будущем используйте php для включения информации заголовка (включая значок), которая остается постоянной на каждой странице, поэтому вам нужно только отредактировать один файл вместо большого количества файлов.

Используйте <?include "header.php" ?> на всех страницах, где ваш header.php содержит весь код, общий для всех страниц

Это может быть что-то вроде:

<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<script src="../quirksmode.js"></script>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />

и весь другой код, который должен быть включен на всех страницах

Подробнее о включении здесь: http://php.net/manual/en/function.include.php

EDIT: Пока вы можете открыть все файлы в редакторе, например блокнот ++, и найти и заменить для замены всех вхождений с помощью \r\n где\r\n - символ новой строки для окон в расширенном режиме поиска. Notepad ++ имеет возможность выполнять поиск и замену во всех открытых файлах.

Ответ 2

Нет, вам нужно включить элемент <link rel="shortcut icon"> на каждую страницу. Однако вы можете:

  • Поместите файл favicon.ico в корневой каталог вашего проекта, а затем обратитесь к нему как /favicon.ico.

Насколько я знаю, он будет кэшироваться, поэтому нет проблем с повторной загрузкой.

Ответ 3

Большинство браузеров ищут /favicon.ico на веб-сайте. Он обычно кэшируется и будет работать по всему веб-сайту из одного каталога.

Ответ 4

В большинстве современных браузеров все, что вам нужно сделать, это поместить файл favicon.ico в корень вашего сайта, он будет кэшировать и работать на всех страницах.

Ответ 5

Поместите значок в корень вашего сайта с именем "favicon.ico".

Если вы хотите использовать другой формат значка (в корневом каталоге), вы можете использовать htaccess (или эквивалент), чтобы установить тип mime файлов ".ico" в ".png" и переименовать "favicon.png", к "favicon.ico".

В вашем файле htaccess добавьте следующий код:

AddType image/png .ico