패비콘

1 개요

favorite icon; favicon, shortcut icon, Web site icon, tab icon, bookmark icon

파비콘, 패비콘, 즐겨찾기 아이콘

• 웹사이트나 웹페이지를 대표하는 아이콘
• 브라우저의 주소창 왼쪽, 탭 아이콘으로 표시됨
• 크기: 16x16(기본), 32x32(확장)...

2 HTML 태그

ico 파일

<link rel="shortcut icon" href="http://www.example.com/myicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.example.com/myicon.ico"/>

png, gif 파일

<link rel="shortcut icon" type="image/png" href="http://www.example.com/myicon.png"/>
<link rel="shortcut icon" type="image/gif" href="http://www.example.com/myicon.gif"/>

3 예시

<img width="16" height="16" src='http://g.etfv.co/http://news.naver.com' /> <img width="16" height="16" src='http://g.etfv.co/http://www.daum.net' /> <img width="16" height="16" src='http://g.etfv.co/http://www.nate.com' /> <img width="16" height="16" src='http://g.etfv.co/http://www.google.com' /> <img width="16" height="16" src='http://g.etfv.co/http://www.facebook.com' /> <img width="16" height="16" src='http://g.etfv.co/http://www.twitter.com' /> <img width="16" height="16" src='http://g.etfv.co/http://www.wikipedia.org/' />

4 같이 보기

• 즐겨찾기
• 아이콘

6 참고 자료

• http://en.wikipedia.org/wiki/Favicon
• http://terms.naver.com/entry.nhn?docId=864878&cid=2954&categoryId=2954