Buduję więc witrynę dla mojego przyjaciela za pomocą hostingu Github i chcę mieć favicon. Zaimplementowałem ten kod:
<!--Favicon-->
<!-- Opera Speed Dial Favicon -->
<link rel="icon" type="image/png" href="favicon.png" />
<!-- Standard Favicon -->
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- For iPhone 4 Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon.png">
<!-- For iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon.png">
<!-- For iPhone: -->
<link rel="apple-touch-icon-precomposed" href="favicon.png">
ale za każdym razem, gdy otwieram stronę, nie ma ulubionych. Otrzymałem kod z tego przewodnika tutaj, ale niestety, to nie działa ... Gdyby ktoś mógł mi pomóc, byłbym bardzo wdzięczny ... Można znaleźć wersję stron github tutaj.
Odpowiedzi:
1 dla odpowiedzi № 1Umieściłeś <link>
znacznik favicon wewnątrz <body>
, ale musi znajdować się w <head>
1 dla odpowiedzi nr 2
Dostęp do witryny uzyskałem z przeglądarki Firefox ifavicon pojawił się poprawnie. Gdy uzyskiwałem dostęp w Chrome, wystąpił błąd podczas próby otwarcia pliku „/favicon.ico”. Wynika to z faktu, że niektóre przeglądarki ignorują adres URL wewnątrz znacznika href i szukają tylko pliku o nazwie „/favicon.ico” w katalogu głównym. Aby rozwiązać problem, po prostu utwórz plik o nazwie „favicon.ico” w katalogu głównym, zamień adres URL w tagu link, a wszystkie przeglądarki rozpoznają favicon. Lubię to:
<link rel="icon" href="favicon.ico" />