내 사이트에 Favicon을 어떤 방법으로 넣을 수 있습니까?

Question

나는 다른 사이트가 그들의 파비콘을 사이트에 넣는 방식으로 웹을 둘러보고 있었다. 내가 직접하려고 할 때마다 갑자기 일하기로 결정할 때까지 "해킹"을 끝내게됩니다.

여기에 두 가지 질문이 있다고 생각합니다.

1. 이 사이트를 추가하는 것은 Favicon을 어떻게 추가합니까? - http://www.fbd.ie

   페이지 소스에서 favicon.ico를 찾을 수 없습니다.

2. 포함하는 것 외에 <link rel="shortcut icon" href="/favicon.ico">, Favicon을 어떻게 포함 할 수 있습니까?

Answer 1

1. 아마도 그것은 단지라는 파일 만 가지고있을 것입니다 favicon.ico 웹 사이트의 루트 디렉토리에서. 대부분의 브라우저는 <link> 태그 여부.
2. #1에 대한 답변을 참조하십시오.

Answer 2

Favicon을 추가하는 가장 쉬운 방법은 단순히 이름이 지정된 파일을 넣는 것입니다. favicon.ico 웹 사이트의 루트 디렉토리로

브라우저는 자동으로 찾을 수 있습니다.

당신은 또한 구체적으로 a <link> 꼬리표. 이 중 하나가 작동합니다.

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">

편집 : 나는 당신이 이미 그것을 알고 있다는 것을 알았습니다. :디

Answer 3

사이트 루트에 파일을 포함시키기 만하면됩니다. 브라우저는이를 요청하도록 설계되었습니다 자동으로 - 웹 로그가 없으면 웹 로그에서 404에 대한 많은 요청이 표시됩니다!.

Wikipedia에서 :

Internet Explorer 4에 소개 된 Favicon을 정의하는 원래 수단은 웹 서버의 루트 디렉토리에 favicon.ico라는 파일을 배치하는 것입니다. 그런 다음 인터넷 익스플로러의 즐겨 찾기 (북마크) 디스플레이에 자동으로 사용됩니다. 그러나 나중에 HTML을 사용하여보다 유연한 시스템이 생성되어 특정 페이지의 아이콘 위치를 나타냅니다. 아래에 자세히 설명 된 바와 같이, 이것은 이미지 파일의 유형과 해당 위치를 지정하는 문서 섹션에 링크 요소를 추가하여 달성됩니다. 이러한 방식으로 표준에 의해 정의 된 모든 이미지 파일이 사용될 수 있습니다.

두드러진 점은 HTML 마크 업 또는 기타 리소스 파일에서 아무것도 할 필요가 없다는 것입니다. 루트에 파일을 버리기 만하면됩니다.