728x90
반응형
질문 : 정적 HTML 페이지에 파비콘 추가
서버가 다운 될 때 표시되는 순수한 HTML 인 정적 페이지가 몇 개 있습니다. 내가 만든 파비콘 (16x16px이고 HTML 파일과 동일한 디렉토리에 있습니다. favicon.ico라고 함)을 "탭"아이콘으로 어떻게 넣을 수 있습니까? Wikipedia를 읽고 몇 가지 자습서를 살펴보고 다음을 구현했습니다.
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
그러나 여전히 작동하고 싶지 않습니다. Chrome을 사용하여 사이트를 테스트하고 있습니다. Wikipedia에 따르면 .ico는 모든 브라우저 유형에서 실행되는 최고의 그림 형식입니다.
코드가 확인했지만 서버가 사이트를 제공하기 시작하면 제대로 작동한다는 것을 확인했지만 로컬에서 작동하도록 만들 수 없습니다. 서버로 밀어 넣고 캐시를 새로 고치면 제대로 작동합니다.
답변
.png 이미지를 만든 다음 정적 HTML 문서 <head> 태그 사이에 다음 스 니펫 중 하나를 사용할 수 있습니다.
<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
출처 : https://stackoverflow.com/questions/9943771/adding-a-favicon-to-a-static-html-page
728x90
반응형
'프로그래밍 언어 > HTML,CSS,JS' 카테고리의 다른 글
| CSS calc () 함수의 Sass 변수 (0) | 2021.07.08 |
|---|---|
| 요소 전용 CSS 스타일 재설정 / 제거 (0) | 2021.07.07 |
| Moment.js를 날짜 객체로 변환 (0) | 2021.07.07 |
| 파일 및 관련 데이터를 가급적 JSON으로 RESTful 웹 서비스에 게시 (0) | 2021.07.07 |
| Node 또는 Express를 사용하여 JSON을 반환하는 올바른 방법 (0) | 2021.07.06 |