코딩항해기

[HTML] 파비콘 설정하기 본문

HTML CSS JS

[HTML] 파비콘 설정하기

miniBcake 2024. 8. 5. 11:39

 

 

파비콘은 웹페이지 탭의 아이콘을 의미한다. (주황색 네모친 지구본 모양 부분)

 

아무것도 지정하지 않은 모습이 이미지의 지구본 모습이고,

link 태그를 통해 네이버처럼 별도의 아이콘으로 변경할 수 있다.

 

파비콘 예시 (네이버)

 

 

link 태그는 head 태그 안에 위치해야하며, rel속성에는 icon, href 속성에는 icon의 경로가 들어가야한다.

 

예시 이미지

 

link 태그를 넣어주고나면 파비콘이 지정한 이미지 파일로 변경된 것을 확인할 수 있다.

(ico, png 등 다양한 확장자 가능)

'HTML CSS JS' 카테고리의 다른 글

[JS] 호이스팅  (0) 2024.08.18
[CSS] 정렬 속성  (0) 2024.08.17
[JS] 자바스크립트의 syso (System.out.println())  (0) 2024.08.15
[JS] 자바스크립트 JavaScript  (0) 2024.08.15
[HTML] 시멘틱 태그  (0) 2024.08.05