파비콘(ico 파일) 홈페이지에 적용하기 | HTML LINK 태그 - STUDY

HTML 파비콘(ico 파일) 홈페이지에 적용하기 | HTML LINK 태그

작성일 20-11-26 13:10

페이지 정보

작성자웹아이 조회 622회 댓글 0건

본문

오늘은 파비콘을 홈페이지에 적용하는 방법에 대해서 알아보겠습니다.

파비콘이 뭔지 모르신다구요???
파비콘은 즐겨찾기(favorites)와 아이콘(icon)의 합성어로 주소창이나 즐겨찾기에 표시되는 작은 아이콘이에요!
파비콘이 뭔지 아셨다면 파비콘 아이콘 파일 만드는 방법에 대한 글을 보시고 파비콘 파일을 준비해주세요.^^

파일명을 favicon.ico로 해서 루트디렉토리에 업로드를 하시면 자동으로 적용이 되도록 되어있어요!!
만약에 적용이 안되시거나 경로를 다른곳에 하실 경우 HTML태그 한줄을 작성해서 적용해주면 되니 걱정마세요~

<link rel="shortcut icon" href="/favicon.ico">

위 HTML태그를 어디에 넣어주어야 할까요? 눈치 채셨죠??
보통 웹사이트 설정하는 태그들은 <head></head> 사이에 들어가게 되죠~~

제대로 태그가 적용 되었다면 브라우져에 접속해서 확인 하실 수 있습니다.
저는 사파리와 크롬을 사용해서 두개 브라우져를 확인해 보았습니다.

사파리 주소표시줄에 표시되는 파비콘 사파리 주소표시줄에 표시되는 파비콘
사파리 사이드바 즐겨찾기에 표시되는 파비콘 사파리 사이드바 즐겨찾기에 표시되는 파비콘
사파리 새 탭을 열었을 때 표시되는 파비콘 사파리 새 탭을 열었을 때 표시되는 파비콘
크롬 탭에 표시되는 파비콘 크롬 탭에 표시되는 파비콘
아무래도 없는거 보다는 있는게 좀더 이뻐보이지 않나요?ㅎㅎㅎ
이런 사소한거 하나로도 홈페이지가 더 눈에 띌수 있습니다.

※ 파비콘을 적용 했는데 표시가 안된다면??

파비콘이 설정되어있지 않다가 설정하게 되면 바로 표시가 됩니다.
표시가 안된다면 태그상의 href 경로가 잘못되었을 확률이 매우 큽니다.

기존에 파비콘을 사용중이셨는데 변경했을 때 파비콘이 바뀌지 않는 경우에는 시간이 답입니다.
브라우져에 캐쉬가 되어있어서 변경이 안되는 이슈가 있어서 시간이 지나면 제대로 변경이 된답니다.
물론 캐쉬를 삭제하고 브라우져를 재실행하고 경로에 도메인까지 입력해서 하면 변경된다고 하는데 저는 전부 잘 안되더라구요!
왜 안바뀌지? 하면서 스트레스 받지 말고 기다리는게 제일 좋은거 같아요.ㅠ


추천0

댓글목록

등록된 댓글이 없습니다.

Road to Deveropment
Road to Deveropment
상단으로