파비콘, HTML5shiv,IE 조건부 주석

파비콘

웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘을 일컫는다. 그리고 즐겨찾기에 웹페이지를 등록할때도 사용된다. 웹사이트를 대표하는 로고(logo)의 개념과 비슷하며, 사이트의 성격을 드러내기도 한다.

크기	파일명	용도
16x16 & 32x32	favicon.ico	IE를 위해 필요한 기본이다.
152x152	favicon-152.png	I일반적으로 iOS와 Android에서 사용하는 아이콘, 기기에 따라 자동으로 크기가 줄여진다.
32x32	표favicon-32.png	일부 오래된 하지만 너무 오래된 Chrome은 ICO를 제대로 처리하지 못함.
57x57	favicon-57.png	표준 iOS 홈스크린(iPad Touch, iPhone 3G의 1세대)
72x72	favicon-72.png	iPad 홈스크린 아이콘
96x96	favicon-96.png	구글TV 아이콘
120x120	favicon-120.png	iPhone 레티나(retina) 터치 아이콘(Change for iOS 7: up from 114x114)
128x128	favicon-128.png	Chrome 웹스토어 아이콘
144x144	favicon-144.png	iPad 레티나 터치 아이콘(Change for iOS 7: up from 144x144)
152x152	favicon-152.png	iPad 레티나 터치 아이콘(Change for iOS 7: up from 144x144)
195x195	favicon-195.png	Opera 스피드 다이얼 아이콘
228x228	favicon-228.png	Opera Coast 아이콘

파비콘(favicon)과 IE 브라우저 유의사항

• IE8~10은 페이지의 첫 방문에 바로 파비콘을 표시해준다.
• IE7은 첫번째 방문은 무시하고 재방문시에 파비콘을 표시해준다.
• IE6은 사이트를 북마크를 한 후 브라우저를 다시 열면 표시해준다. IE6은 브라우저 캐시가 삭제 될 때마다 파비콘을 삭제하며, 사이트가 다시 북마크된다거나 파비콘이 어떻게든 다시 로드 될때까지 파비콘을 표시하지 않는다.

HTML5shiv

새로운 HTML5 섹셔닝 요소를 이전 버전의 IE6~9, Safari 4.x(iPhone 3.x)와 Firefox 3.x 에서도 작동하도록 해주는 라이브러리이다.]

< !--[if lt IE 9]>

IE 조건부 주석

IE10 미만에서만 작동하는 조건문으로, 이를 이용하여 IE 브라우저별로 어떤 기능이나 파일, 디자인등을 삽입하는 용도로 사용된다.

• ! : 아니다(not)
• lt : 작다(less than)
• lte : 작거나 같다(less than equal)
• gt : 크다(greater than)
• gte : 크거나 같다(greater than equal)
• () : 우선처리
• & : 그리고(and)
• | : 또는(or)

출처 : http://webdir.tistory.com/337, http://webdir.tistory.com/81, http://webdir.tistory.com/451