본문 바로가기
Programming/HTML5 & CSS3

웹브라우저 탭에 아이콘(파비콘 Favicon) 추가하는 방법

by 혀코 2020. 1. 15.

안녕하세요. 혀코입니다.

오늘은 웹브라우저 탭에 아이콘 일명 파비콘 Favicon 을 추가하는 방법에 대해서 알아보겠습니다.

파비콘 favicon으로 쓸 png 이미지를 준비해서 img 폴더에 넣습니다. favicon 이미지는 정사각형이 가장 좋습니다.

그리고 HTML의 head 태그안에 다음과 같이 작성해 주면 웹브라우저 탭에서 아이콘이 보여지는 것을 확인할 수 있습니다.

<html>
    <head>
        <title>Hello World</title>
        <link rel="icon" href="/img/favicon.png">
    </head>
    <body>
        <h1>Hello World</h1>
        <p>Welcome to Hyukho's website</p>
    </body>
</html>

 

이렇게 웹브라우저 탭에 아이콘 일명 파비콘 Favicon을 추가하는 방법에 대해서 알아봤습니다.

유용하셨다면, 공감과 구독 부탁 드립니다.

감사합니다.

댓글