HTML

[개미의 걸음 HTML&CSS 24차시] Favicon

IT개미 데이터 2020. 8. 24. 23:23
728x90

Favicon[파비콘]

브라우저의 탭에서 사이트 이름 앞에 작게 출력되는 아이콘

  • Favorite[즐겨찾기] + Icon[아이콘]
  • 사용자가 어떤 사이트인지 직관적으로 파악할 수 있게 함
  • 파비콘은 고해상도(2K 이상의 해상도)에서 잘 보일 수 있게 가로세로 32픽셀 이상의 사각형 사용
  • 파비콘에 사용되는 이미지 확장자는 PNG
  • <head>태그 내부에 파비콘 생성 코드 작성
    <link rel="icon" type="image/png" href="images/파일명.png"
       → rel속성은 현재 문서와 외부  문서와의 관계를 설정하는 속성
       → type속성은 링크된 외부 문서의 미디어 타입을 설정하는 속성

 

 

 

 

 

 

 

 

 

 

 

728x90