본문 바로가기
HTML

[HTML] HTML 문서에 favicon 삽입 방법

by 메이플 🍁 2022. 4. 22.

favicon은 favorite icon의 줄임말로 웹 브라우저 탭에 위치한 아이콘을 말한다. 이 아이콘을 HTML 문서에 삽입하기 위해서는 아래와 같이 <link> 태그를 이용해 삽입한다. 이미지 파일이름은 favicon을 권장하며 파일 타입은 png 또는 ico가 주로 사용된다. ico를 사용하면 웹브라우저가 파비콘을 자동으로 인식해 파비콘으로 지정하기가 편리하다.

<!DOCTYPE html>
<html>
  <head>
    <title>My Page Title</title>
    <link rel="icon" type="image/x-icon" href="./img/favicon.ico">
  </head>
  <body>
  </body>
</html>

댓글