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

HTML

by 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

[개미의 걸음 HTML&CSS 23차시] 반응형 웹 ④ flex box (0)	2020.08.23
[개미의 걸음 HTML&CSS 22차시] 반응형 웹 ③ Media Queries (0)	2020.08.22
[개미의 걸음 HTML&CSS 21차시] 반응형 웹② grid system (with bootstrap) (0)	2020.08.21
[개미의 걸음 HTML&CSS 20차시] 반응형 웹① viewport, fluid image, fluid video (0)	2020.08.20
[개미의 걸음 HTML&CSS 19차시] CSS를 이용한 애니메이션 (0)	2020.08.19