<link rel =“icon”href =“favicon.ico”type =“image / x-icon”/>을 포함해야합니까? 태그에 다음 코드 줄을 포함시키지 않았지만 브라우저에

헤드 태그에 다음 코드 줄을 포함시키지 않았지만 브라우저에 즐겨 찾기 아이콘이 계속 나타납니다.

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

그것을 포함하는 목적은 무엇입니까?



답변

즐겨 찾기 아이콘을 호출하지 않으면 favicon.ico해당 태그를 사용하여 images/디렉토리에 실제 경로가있는 경우 실제 경로를 지정할 수 있습니다 . 브라우저 / 웹 페이지는 favicon.ico기본적으로 루트 디렉토리에서 찾습니다 .


답변

모든 브라우저에서 아이콘을 찾을 수 있도록 실제로 두 가지를 모두 수행해야합니다.

파일 “favicon.ico”의 이름을 지정하고 웹 사이트의 루트에 배치하는 것은 W3C의 “감지 된”방법입니다.

방법 2 (점검 됨) : 미리 정의 된 URI
에 즐겨 찾기 아이콘 배치하기 즐겨 찾기 아이콘을 지정하는 두 번째 방법은 미리 정의 된 URI를 사용하여 이미지를 식별하는 것입니다 : “/ favicon”. 서버 루트에 상대적입니다. 이 방법은 일부 브라우저가 해당 URI를 사용하여 즐겨 찾기 아이콘을 찾도록 프로그래밍 되었기 때문에 작동합니다.
W3C-사이트에 파비콘을 추가하는 방법

따라서 모든 상황을 다루기 위해 “rel”속성을 추가하고 동일한 .ico 파일을 가리키는 권장 방법 외에도 항상이 작업을 수행합니다.


답변

두 가지 이유로 사용합니다.

  1. 예를 들어 쿼리 매개 변수를 추가하여 아이콘을 새로 고칠 수 있습니다 ?v=2. 이처럼 :
    <link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />

  2. 경로를 지정 해야하는 경우.


답변

루트 폴더에 단순히 추가하면 멋지게 작동하지만 파비콘을 변경 해야하는 경우 업데이트하는 데 며칠이 걸릴 수 있습니다 … 캐시 새로 고침조차도 트릭을 수행하지 않습니다.


답변

많은 사람들이 쿠키 경로를 /로 설정합니다. 이로 인해 모든 즐겨 찾기 아이콘 요청이 최소한 크롬으로 사이트 쿠키 사본을 보내 게됩니다. 쿠키없는 도메인으로 즐겨 찾기 아이콘을 지정하면이 문제가 해결됩니다.

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

트래픽 양에 따라 링크를 추가하는 가장 실용적인 이유 일 수 있습니다.

쿠키없는 도메인 설정에 대한 정보 :

http://www.ravelrumba.com/blog/static-cookieless-domain/