| sitelink1 | |
|---|---|
| sitelink2 | |
| sitelink3 | |
| sitelink4 | |
| extra_vars5 | |
| extra_vars6 |
DOCTYPE 과 Meta 태그를 브라우저(IE) 버전에 따라 선택적으로 로드해야 하는 경우가 발생하였다.
1. DOCTYPE 선언은 HTML5 이다. 이 DOCTYPE은 HTML5를 지원하는 IE9 에만 적용되어야만 한다.
<!doctype html>
2. IE9 미만의 브라우저는 DocumentMode 가 5 로 동작해야 한다. 이를 위한 Meta 태그정보는 다음과 같다.
<meta http-equiv="X-UA-Compatible" content="IE=5"/>
이를 위해 분기문을 작성한 HTML 코드는 다음과 같다.
<!--[if IE 9]><!doctype html><![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:lang="ko" lang="ko">
<head>
<!--[if lt IE 9]><meta http-equiv="X-UA-Compatible" content="IE=5"/><![endif]-->
</head>
...
참고로 Meta정보에서 content 의 IE=5 는 브라우저가 quirks 모드로 동작하도록 강제한다.
Reference
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 48 | 스타일-보더 테스트 관련 레퍼런스 | 황제낙엽 | 2013.01.04 | 496 |
| 47 | Vector Markup Language | 황제낙엽 | 2012.12.20 | 235 |
| 46 | ScrollBar의 출력형태 | 황제낙엽 | 2012.09.14 | 262 |
| 45 | Style cssText Property | 황제낙엽 | 2012.09.13 | 435 |
| 44 | Javascript 로 Flash Object 생성시 유의 사항 | 황제낙엽 | 2012.08.28 | 377 |
| 43 | 브라우저별 border 설정에 따른 디자인 테스트 고려사항 | 황제낙엽 | 2012.08.28 | 205 |
| 42 | CSS 문법 분석 | 황제낙엽 | 2012.08.28 | 236 |
| 41 |
CSS3 Gradient Utility
 | 황제낙엽 | 2012.07.09 | 202 |
| 40 | Element 의 투명도 | 황제낙엽 | 2012.05.25 | 365 |
| 39 | 모바일 브라우저에서 iframe 의 스크롤 문제 | 황제낙엽 | 2012.01.12 | 2126 |
| 38 |
Agent Information
| 황제낙엽 | 2011.10.20 | 208 |
| » | DOCTYPE선언과 Quirks모드 | 황제낙엽 | 2011.10.05 | 354 |
| 36 | IE Conditional Comments 필터링 | 황제낙엽 | 2011.10.05 | 242 |
| 35 | How To Create an IE-Only Stylesheet | 황제낙엽 | 2011.10.05 | 238 |
| 34 |
Document documentMode Property
| 황제낙엽 | 2011.10.04 | 1101 |
| 33 |
(CSS2) RGBA값 사용해보기 및 IE 패치 방법
| 황제낙엽 | 2011.10.04 | 307 |
| 32 |
ASCII Table and Description
| 황제낙엽 | 2011.08.10 | 999 |
| 31 | Style overflow Property | 황제낙엽 | 2011.06.27 | 312 |
| 30 |
pt, px, em, % 비교표
| 황제낙엽 | 2011.05.24 | 904 |
| 29 | Activating ActiveX Controls | 황제낙엽 | 2011.05.23 | 219 |