반응형
파비콘이란?
웹 브라우저의 주소창에 표시되는 웹사이트를 대표하는 아이콘
그런데 이번에 사이트를 등록하고서 확인을 해보니,
이 파비콘의 위치에 아무런 아이콘이 등록이 되어 있지 않았다.
이렇게 지구본 표시만 뜨고 있다.
이때, 이 파비콘을 대표 로고로 바꾸는 방법을 정리하겠습니다.
운영 중인, 파비콘을 적용하고자 하는 사이트를 열어줍니다.
그리고 "head"영역에 아래와 같이 적용을 합니다.
<head>
<link rel="shortcut icon" href="로고 주소">
</head>
rel의 속성은 아래 중 하나를 사용하면 된다.
* shortcut icon
* icon
* apple-touch-icon
* apple-touch-icon-precomposed
그러고 나면 금방은 바로 적용이 되지 않고,
다시 사이트를 재 탐색이 된 후 적용이 되는 것을 확인할 수 있을 것이다.
반응형
'IT > HTML|Script|PHP' 카테고리의 다른 글
| [HTML/JS] 색상 선택 하는 방법, Pickr 사용법 (1) | 2024.12.01 |
|---|---|
| [JQuery] 특정 또는 모든 이벤트 제거 하는 방법 (0) | 2024.11.28 |
| JS 문자열 앞, 뒤 자리수 만큼 문자(0, 공백 등) 채우기 (0) | 2024.10.25 |
| javascript로 평수 계산하는 방법 (0) | 2024.10.14 |
| html에서 특정 div영역을 이미지로 다운 받는 방법 (0) | 2024.10.07 |
댓글