Home / Questions / 53441
Accepted
Pavlo B.
Asked: 2020-03-07 09:36:13 +0800 CST 2020-03-07 09:36:13 +0800 CST

Поместить значок на вкладку

  • 772

Я пытаюсь разместить значок на своей вкладке, что-то вроде этого:

введите описание изображения здесь

Файл favicon.ico находится в той же папке, что и файл, в который я поместил этот код:

<link rel="shortcut icon" href="favicon.ico" />

Но он ничего не делает, он оставляет мне значок xamp...

html

7 Answers

  1. Best Answer

    Мне кажется, что URL-адрес href неверен, попробуйте следующее:

     <link rel="shortcut icon" href="/favicon.ico" />

    Также всегда очищайте кеш страницы, чтобы изменение обновлялось.

    • 7

  2. Если вы видите значок XAMPP, это потому, что он продолжает поднимать этот значок. Найдите этот значок в папке сервера XAMPP и удалите его. Замените его на свой значок, и он должен работать.

    Если при изменении файла favicon.ico вы по-прежнему видите значок XAMPP, вам следует обновить кеш вашего браузера, чтобы он перезагрузил все ресурсы. Обновление страницы плюс кэш достигается с помощью Ctrl+ Shift+ R(Windows/Linux) или Cmd+ Shift+ R(Mac)

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

    • 7

  3. Я только что сделал это, и это сработало для меня следующим образом:

    Конечно, ранее мне приходилось преобразовывать свое изображение jpg в favicon.ico, я сделал это с помощью редактора GIMP 2.10.22, до размера квадрата не более 31x31, сначала я экспортировал изображение как jpg, а затем в Visual Studio. сам я переименовал его в favicon.ico

    Другое дело, этот код должен идти в заголовке, тэг ссылки не находится внутри заголовка.

    Давайте посмотрим, как это! :)

    • 1

  4. вы просто добавляете ссылку в заголовок страницы с rel =icon и полным URL-адресом значка. Вот пример со значком es.stackoverflow.com:

    <html>
<head>
    <meta charset="utf-8">
    <title>Icono en el navegador</title>
    <link rel="icon" type="https://cdn.sstatic.net/Sites/es/img/apple-touch-icon.png?v=7739871010e6
">
</head>
<body>
    <h1>Test de Icono en el tab de navegador</h1>
</body>
</html>

    • 0

  5. Код, который я использовал для размещения изображения на вкладке браузера:

    <link rel="shortcut icon" href="imagenes/favicon.png">

    в моем случае у меня было изображение в папке с именем images, eye; У многих это не работает не потому, что код не работает, а из-за возможных ошибок, которые могут быть в структуре кода.

    • 0

  6. У меня сработало так -->

    <link rel="shortcut icon" href="tulogo.ico" type="image/x-icon">

    PS: Образ должен быть в той же папке. Либо href надо указать, если он внутри папки то будет href="tucarpeta/tulogo.ico" А если файл раньше, то есть надо вернуться, будет вот так -->

    href="../tucarpeta/tulogo.ico"
    • 0 
  7. <link rel="icon"  type="image/png" href="nombre de la imagen .tipo de archico ejemplo png">

    ссылка в комментариях

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

    • -2