Favicon - 내 홈페이지를 좀더 예쁘게 꾸미는 방법
Favicon은 아주 최소한의 노력으로 홈페이지의 완성도를 올릴 수 있는 방법이다.
바로 브라우저 상단 탭에 내 홈페이지의 로고가 나오도록 하는 것.
이것은 비단 브라우저 탭 뿐 아니라 주소 창에서도 요렇게 보여진다.
파비콘을 삽입하는 방법은 매우 간단하다.
index.html내의 <head> 태그 안에 다음과 같이 이미지 링크를 삽입해 주면 된다.
<html>
<head>
<link rel="shortcut icon" href="favicon.ico">
</head>
</html>
파비콘 로고는 16x16, 32x32 등 정사각형으로 준비해준다.
다음 영상에서 파비콘 삽입 예시를 확인할 수 있다
반응형
'Frontend > HTML' 카테고리의 다른 글
| HTML/CSS UL, OL을 사용해 보자 (0) | 2022.11.04 |
|---|---|
| [HTML / CSS] 색상 완벽 정리! (0) | 2022.11.03 |