Не ставится иконка на сайт - HTML и CSS

Viktoria14 · 08.06.2018, 15:33

Html

Код:

<DOCTYPE! html>
<html>
  <head>
  <title>Happy Birhtday</title>
    <link href="Main.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
  </head>
  <body>
  <div id="mainphoto">
    <p><img src="1.png" alt="Кароче тут должна быть фотка"></p>
  </div>
  <div>
  <hr>
  <h1>Насало</h1>
  <p>какой то текст</p>
  <p>текст</p>
  </div>
  </body>
</html>

Пожалуйста дайте хоть намёк на ошибку

Вадим Мошев · 08.06.2018, 20:20

что вы понимаете под иконкой? Фавикон? В любом случае, причин может быть несколько:
1. отсутствует файл изображения;
2. неправильно оказано имя файла;
3. различается регистр между тем, как он прописан в документе, и тем, каков он у папок и файлов на самом деле. Вообще, всё советуется называть малыми буквами.

Цитата:

Код:

<link href="Main.css" rel="stylesheet">

см. последний пункт

Цитата:

Код:

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

Если этот документ лежит в корне, то нет смысла указывать слэш в начале имени файла.

Ottava · 09.06.2018, 00:11

Viktoria14, на каком устройстве смотрите сайт с иконкой? Для iPhone там другой тэг иконки (и специфические требования к картинкам иконок), да и для обычных браузеров у меня просто <link rel='icon' href='/favicon.ico' type='image/x-icon'>, а не то, что у вас:

Код:

  <link rel='icon' href='/favicon.ico' type='image/x-icon'>
  <link rel='apple-touch-icon' href='/apple-touch-icon.png'>		<!-- Фавиконки для пользователей Apple -->
  <link rel='apple-touch-icon-precomposed' href='/apple-touch-icon-precomposed.png'>
  <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'>

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

Вадим Мошев · 09.06.2018, 01:03

Цитата:

Сообщение от Ottava

Ваш браузер может долго поднимать страницу без иконки из своего кэша

Поэтому обновляйте кеш.

И да, ведь хотел сказать, что иконка должна быть в формате .ico

ADSoft · 09.06.2018, 08:43

Цитата:

И да, ведь хотел сказать, что иконка должна быть в формате .ico

- давно не требуется

09.06.2018, 00:11	#3
Ottava Форумчанин Регистрация: 05.09.2017 Сообщений: 157	Viktoria14, на каком устройстве смотрите сайт с иконкой? Для iPhone там другой тэг иконки (и специфические требования к картинкам иконок), да и для обычных браузеров у меня просто <link rel='icon' href='/favicon.ico' type='image/x-icon'>, а не то, что у вас: Код: `<link rel='icon' href='/favicon.ico' type='image/x-icon'> <link rel='apple-touch-icon' href='/apple-touch-icon.png'> <!-- Фавиконки для пользователей Apple --> <link rel='apple-touch-icon-precomposed' href='/apple-touch-icon-precomposed.png'> <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'>` И браузеры имеют противное свойство кэшировать сайт и картинки. Ваш браузер может долго поднимать страницу без иконки из своего кэша. Безопасность с Content Security Policy Последний раз редактировалось Ottava; 09.06.2018 в 00:14.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не ставится PyQt5	All_iN_1	Python	1	18.01.2018 10:53
не ставится вин 7	okokok777	Windows	1	04.02.2017 08:08
Не ставится хакинтош...	MyLastHit	Операционные системы общие вопросы	3	14.02.2011 14:47
Не ставится Windows	ariya	Компьютерное железо	5	18.01.2010 10:47