Witryna, na którą patrzę, zawiera następujące 2 linki do jej ulubionych:
<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />
<link rel="icon" href="/webmasters//favIcon.ico"/>
Pytanie: Czy istnieje dobry powód, dla którego należy dwukrotnie określić ikonę na te dwa nieco odmienne sposoby?
Odpowiedzi:
Podobnie jak wszystkie cudowne rzeczy w sieci, wygląda na to, że przyczyną jest IE:
Skrót nie jest prawidłowym kodem HTML, tylko dla IE
źródło
<link rel="shortcut icon"...
Sprawdza dla HTML4.01, używać walidatora W3C to sprawdzić jeśli don'trust. Ponadto specyfikacja HTML5 jest wciąż w fazie rozwoju, więc nie wiemy jeszcze, czy zostanie uwzględniona, czy nie. Ta strona StackExchange<link rel="shortcut icon"...
również korzystaPowodem jest kompatybilność z Internet Explorerem .
rel="icon"
to sposób, w jaki odbywa się to w HTML5 lub dowolnej innej przeglądarce niż IE.źródło
/favIcon.ico
...)Naprawdę obie linie są niepotrzebne. Wystarczy umieścić plik favicon.ico w katalogu głównym i wszystko powinno być w porządku. Możesz dołączyć kod podobny do powyższego, aby zezwolić na załadowanie favikonu przed zakończeniem ładowania strony, ale to nie jest ważne. Wygląda na to, że powyższy kod powstał z pomieszania.
źródło
Poniższy wiersz działa we wszystkich przeglądarkach:
I jest to jedyny wiersz używany również przez strony StackExchange (patrz kod źródłowy tej strony)
UWAGA: pełna ścieżka http z favicon jest konieczne, aby pokazać ikonę w IE, we wszystkich innych przeglądarek nie trzeba pełną ścieżkę http.
źródło