파비콘을 사용하는 데 선호되는 방법은 무엇입니까?

문제

이전에 웹사이트에 파비콘을 추가하려고 하다가 파비콘을 버리는 것보다 이를 구현하는 더 나은 방법을 찾았습니다. favicon.ico 웹사이트 루트에 있는 파일입니다.

나는 이 멋진 작은 가이드를 찾았습니다: 파비콘을 추가하는 방법.그러나 선호하는 방법은 IE(7)에서는 작동하지 않았고 두 번째 방법은 구식 방식입니다(저는 사용하기로 했습니다).

가장 널리 사용되는 모든 브라우저에서 작동하는 세 번째 방법이 있습니까?

해결책

이것이 내가 항상 사용하는 것입니다:

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

두 번째는 IE용입니다.첫 번째는 다른 브라우저용입니다.

다른 팁

HTML을 사용하여 파비콘을 지정할 수 있지만 이는 이 HTML이 있는 페이지에서만 작동합니다.이를 수행하는 더 좋은 방법은 httpd.conf(Apache)에 다음을 추가하는 것입니다.

AddType image/x-icon .ico

내 생각에 가장 신뢰할 수 있는 방법은 단순히 추가하는 것입니다. favicon.ico 파일을 웹사이트 루트에 복사하세요.

기본 파비콘을 수동으로 재정의하려는 경우가 아니면 메타 태그가 필요하지 않다고 생각하지만 내 주장을 뒷받침하는 연구를 찾을 수 없습니다.

이것이 바로 여기 Stack Overflow에서 수행하는 방법입니다.

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

파일은 루트에 있으므로 태그가 작동하는지 또는 브라우저가 방금 일반적인 위치(루트)에서 아이콘을 얻었는지 여부는 표시되지 않습니다.

편집하다: 나는 그것을 시도하고 그것이 작동하는지 확인하겠습니다.

편집 2: 두 태그를 모두 사용하면 파일이 IE7용 아이콘인 한 모든 파일 이름에 대해서도 작동합니다.나는 사용해 보았다. .png 파일이며 Firefox에서만 작동했습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow