문 1 : <링크 rel = 바로 가기 아이콘 href = favicon.ico />
문 2 <link rel = icon href = animated_favicon.gif type = image /gif />
참고 : 진술 바로 가기 아이콘은 URL 열 앞에 나타나는 아이콘입니다.
질문 : Statement 2 아이콘의 기능은 무엇입니까? 진술 1의 차이점은 무엇입니까?
가이드
과거에는 웹 사이트 디자이너와 개발자가 Favicon의 출현을 보장하기 위해 다양한 방법을 채택했습니다. 동일한 버전의 브라우저를 사용하더라도 모든 컴퓨터에 Favicon을 표시 할 수 있는지 명시 적으로 보장하기가 어렵습니다.
다음 코드의 또 다른 한계는 Favicon을 특정 HTML 또는 XHTML 문서에 연결한다는 것입니다. 이를 피하려면 favicon.ico 파일을 루트 디렉토리에 배치해야합니다. 대부분의 브라우저는 자동으로 감지하고 사용합니다.
다음 두 줄의 HTML 코드를 포함하는 것이 좋습니다.
암호:
<link rel = 바로 가기 아이콘 href = http : //example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http : //example.com/favicon.ico type = image/vnd.microsoft.icon>
그러나 바로 가기 아이콘 문자열은 대부분의 표준 호환 브라우저에서 가능한 키워드를 나열하는 것으로 인식되므로 첫 번째 줄만 필요합니다 (바로 가기가 무시되고 아이콘 만 적용됨). Internet Explorer는 별도의 이름 (바로 가기 아이콘)으로 사용합니다. 그 결과 모든 브라우저 가이 코드를 이해할 수 있다는 것입니다. 새 브라우저에 다른 대체 이미지 (예 : 애니메이션 GIF)를 제공하려는 경우 두 번째 줄을 추가하면됩니다.
HTML에서 링크 요소는 헤드 요소 (<head>와 </head> 사이)에 있어야합니다.
XHTML의 경우 링크는 끝 (또는>/link>)을 사용해야하며 끝을 사용할 수 없습니다.
Href는 /favicon.ico의 위치를 가리킬 수는 있지만 그렇지는 않습니다. URL을 가리킬 수 있습니다.
이미지는 일반적으로 브라우저에서 지원하는 모든 이미지 형식을 사용할 수 있습니다.
.ICO 파일 형식은 일반적으로 Favicon을 표시 할 수있는 모든 브라우저에서 읽을 수 있습니다.
올바른 MIME ID를 보낼 서버를 설정하십시오.
ICO 파일 이미지/vnd.microsoft.icon (또는 이미지/x-iCon은 호환성 이유에도 사용될 수 있습니다. 그러나 대부분의 주류 브라우저가 지원하므로 IANA 등록 MIME 유형을 사용하는 것이 좋습니다).
gif 파일 이미지/gif
PNG 파일 이미지/PNG
적절한 해상도와 색 깊이를 사용하십시오.
ICO : 여러 해상도 (가장 일반적으로 사용되는 가장 일반적으로 사용되는 16 × 16 및 32 × 32, Mac OS X는 때때로 64 × 64 및 128 × 128) 및 비트 깊이 (픽셀 당 비트) (주로 4, 8, 24 bpp, 즉 16, 256 및 16 백만 색상)를 사용합니다.
GIF : 16 × 16, 256 색상을 사용하십시오.
PNG : 16 × 16, 256 색 또는 24 비트를 사용하십시오.
참고 : favicon.ico가 문서 루트 디렉토리에 배치되면 사이트에 링크가 없더라도 링크 요소를 처리하지 않는 일부 브라우저에서 찾을 수 있습니다.
표준화
Favicon 기능은 Microsoft에 의해 처음 작성되었으며 Microsoft의 Internet Explorer 웹 브라우저는 모든 웹 사이트에 대한 Favicon을 요청합니다. Microsoft 지원 링크 태그는 월드 와이드 웹 컨소시엄 (W3C, 월드 와이드 웹 컨소시엄)의 HTML 권장 사항을 준수하지 않습니다.
REL 속성에는 공간을 구분 장치로 사용하는 링크 유형 목록이 포함되어야하므로 표준 브라우저에서는 두 단어를 포함하는 링크 유형을 이해할 수 없습니다.
.ICO 파일 유형 (Microsoft Windows의 아이콘 용 래스터 형식)에는 등록 된 MIME 유형이 없으며 당시 대부분의 브라우저에서 이해할 수없는 것 같습니다. 그러나 2003 년에는이 형식이 Iana에 등록되었으며 MIME 유형은 이미지/vnd.microsoft.icon 이므로이 문제의 첫 번째 부분을 제거합니다.
웹 사이트에서 예약 된 위치를 사용하면 월드 와이드 웹의 아키텍처와 모순되며 링크 스쿼트 또는 URI 스쿼트로 간주됩니다.
Mozilla Browser는 웹 표준을 준수하는 방법을 통해 Favicon에 대한 지원을 추가합니다. Rel = 아이콘이 필요하며 웹 디자이너가 지원되는 이미지 형식에서 Favicon을 추가 할 수 있습니다. 예를 들어 <link rel = 아이콘 유형 = image/png href =/path/image.png>입니다. 나중에이 기능이 모든 새로운 컨텐츠에 사용되기 때문에 대부분의 브라우저는이 기능에 대한 지원을 추가했습니다.